#688316 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #688316

#688316

In a RGB color space, hex #688316 is composed of 41% red, 51% green and 9% blue. RGB color code is composed of a hexadecimal 68 red (104/255), a 83 green (131/255) and a 16 blue component (22/255). The decimal RGB color code is rgb(104,131,22) In CMYK color space, it is composed of 21% cyan, 0% magenta, 83% yellow and 49% black. It has a hue angle of 74.86o degrees, a saturation of 71% and a lightness of 30%. Closest websafe color is: #669900 rgb (102, 153, 0).

Color conversion

---

Convert color

---

The hexadecimal color #688316 has RGB values of R:104, G:131, B:22 and CMYK values of C:21, M:0, Y:83, K:49. Its decimal value is 6849302.Binary code is 11010001000001100010110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 688316  #688316 RGB decimal 104, 131, 22  rgb(104, 131, 22) RGB % 41, 51, 9  rgb(41%, 51%, 9%) RGB Adobe 112, 130, 40 CMYK % 21, 0, 83, 49  21%, 0%, 83%, 49% HSL 74.86o, 71, 30  hsl(74.86o, 71%, 30%) HSV (HSB) 75o, 83%, 51%  hsv(75o, 83%, 51%)

Web Safe color #669900 rgb (102, 153, 0) XYZ 13.97, 19.234 3.735 xyY 0.38, 0.52, 19.23 Hunter-Lab 43.86, -17.83, 24.16 CMY 59%, 49%, 91% Lab 51.15, -21.19, 49.75 Binary color 68 83 16 1101000 10000011 10110

Shades and tints of #688316

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #141A05 is the darkest color, and: #E1E6D1 is the lightest one.

Tint color variation #688316

#7F9639 rgb (127,150,57) #7F9639 #92A657 rgb (146,166,87) #92A657 #A2B370 rgb (162,179,112) #A2B370 #B0BE85 rgb (176,190,133) #B0BE85 #BCC897 rgb (188,200,151) #BCC897 #C6D0A7 rgb (198,208,167) #C6D0A7 #CFD7B4 rgb (207,215,180) #CFD7B4 #D6DDBF rgb (214,221,191) #D6DDBF #DCE2C9 rgb (220,226,201) #DCE2C9 #E1E6D1 rgb (225,230,209) #E1E6D1

Shade color variation

#586F13 rgb (88,111,19) #586F13 #4B5E10 rgb (75,94,16) #4B5E10 #40500E rgb (64,80,14) #40500E #36440C rgb (54,68,12) #36440C #2E3A0A rgb (46,58,10) #2E3A0A #273109 rgb (39,49,9) #273109 #212A08 rgb (33,42,8) #212A08 #1C2407 rgb (28,36,7) #1C2407 #181F06 rgb (24,31,6) #181F06 #141A05 rgb (20,26,5) #141A05

Tones of #688316

A tone is produced by adding gray to any pure hue. In this case, #6A8321 is the less saturated color, and #77835C is the most saturated one.

#6A8321 rgb (106,131,33) #6A8321 #6C832B rgb (108,131,43) #6C832B #6E8334 rgb (110,131,52) #6E8334 #70833C rgb (112,131,60) #70833C #728343 rgb (114,131,67) #728343 #738349 rgb (115,131,73) #738349 #74834F rgb (116,131,79) #74834F #758354 rgb (117,131,84) #758354 #768358 rgb (118,131,88) #768358 #77835C rgb (119,131,92) #77835C

Alternatives to #688316

---

Below, you can see some colors close to #688316. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#684716 rgb (104,71,22) #684716 #685B16 rgb (104,91,22) #685B16 #686F16 rgb (104,111,22) #686F16 #689716 rgb (104,151,22) #689716 #68AB16 rgb (104,171,22) #68AB16 #68BF16 rgb (104,191,22) #68BF16

Quick use #688316

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#688316;">Text here</font>	<div style="background-color:#688316;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#688316;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#688316;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #688316	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #688316;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #688316;

Box border html code	Text shadow with RGB values for color #688316
box border html code for color #688316	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #688316;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(104, 131, 22, 1.4);

Pre-formatted code 688316	code for script / programming
HTML, CSS:	= #688316; rgb(104, 131, 22)
Java:	= new Color(104, 131, 22)
.NET:	= Color.FromArgb (104, 131, 22);
Xojo:	= rgb (104, 131, 22, 0);
openGL:	= glColor3f (0.41f, 0.51f, 0.09f);
Swift:	= UIColor(red:0.41, green:0.51, blue:0.09, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.51 blue:0.09 alpha:1.00000];

Color schemes with #688316

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 83% has a #688316 saturation. Adding 83% + 10% = 93% saturation for our new color #465C06. Decreasing 83% - 10% = 73% saturation for other monochromatic color #8AA82D. #8aa82d rgb (138,168,45) #8aa82d 73% saturation #8a4219 rgb (56,66,25) #8a4219 63% saturation #465c06 rgb (70,92,6) #465c06 93% saturation #324200 rgb (50,66,0) #324200 100% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #318216 rgb (49,130,22) #318216 105o #688316 rgb (104,131,22) #688316 75o #826716 rgb (130,103,22) #826716 45o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #688316 has a 75o angle. Adding 75o + 180o = 255oo for our new complementary color #311682. #688316 rgb (104,131,22) #688316 75o #311682 rgb (49,22,130) #311682 255o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #688316 has a 75o angle. Adding 75o + 180o+30o = 285o for our first complementary color #671682. Decreasing 75o + 180o-30o = 225o for the second complementary color #163182. #163182 rgb (22,49,130) #163182 225o #688316 rgb (104,131,22) #688316 75o #671682 rgb (103,22,130) #671682 285o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #166782 rgb (22,103,130) #166782 195o #688316 rgb (104,131,22) #688316 75o #821667 rgb (130,22,103) #821667 315o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #166782 rgb (22,103,130) #166782 195o #688316 rgb (104,131,22) #688316 75o #311682 rgb (49,22,130) #311682 255o #823116 rgb (130,49,22) #823116 15o