#686414 hex color

In a RGB color space, hex #686414 is composed of 40.8% red, 39.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.8% magenta, 80.8% yellow and 59.2% black. It has a hue angle of 57.1 degrees, a saturation of 67.7% and a lightness of 24.3%. #686414 color hex could be obtained by blending #d0c828 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 39
- B 8
RGB color chart
- C 0
- M 4
- Y 81
- K 59
CMYK color chart

● #686414 color description : Very dark yellow [Olive tone].

The hexadecimal color #686414 has RGB values of R:104, G:100, B:20 and CMYK values of C:0, M:0.04, Y:0.81, K:0.59. Its decimal value is 6841364.

Hex triplet	686414	`#686414`
RGB Decimal	104, 100, 20	`rgb(104,100,20)`
RGB Percent	40.8, 39.2, 7.8	`rgb(40.8%,39.2%,7.8%)`
CMYK	0, 4, 81, 59
HSL	57.1°, 67.7, 24.3	`hsl(57.1,67.7%,24.3%)`
HSV (or HSB)	57.1°, 80.8, 40.8
Web Safe	666600	`#666600`

CIE-LAB	41.387, -8.269, 42.469
XYZ	10.392, 12.108, 2.451
xyY	0.416, 0.485, 12.108
CIE-LCH	41.387, 43.267, 101.018
CIE-LUV	41.387, 5.739, 42.104
Hunter-Lab	34.797, -7.583, 20.181
Binary	01101000, 01100100, 00010100

#686414
```
#686414 rgb(104,100,20)
```
#141868
```
#141868 rgb(20,24,104)
```

Complementary Color

#683a14
```
#683a14 rgb(104,58,20)
```
#686414
```
#686414 rgb(104,100,20)
```
#426814
```
#426814 rgb(66,104,20)
```

Analogous Color

#3a1468
```
#3a1468 rgb(58,20,104)
```
#686414
```
#686414 rgb(104,100,20)
```
#144268
```
#144268 rgb(20,66,104)
```

Split Complementary Color

#641468
```
#641468 rgb(100,20,104)
```
#686414
```
#686414 rgb(104,100,20)
```
#146864
```
#146864 rgb(20,104,100)
```

Triadic Color

#681418
```
#681418 rgb(104,20,24)
```
#686414
```
#686414 rgb(104,100,20)
```
#146864
```
#146864 rgb(20,104,100)
```
#141868
```
#141868 rgb(20,24,104)
```

Tetradic Color

#282608
```
#282608 rgb(40,38,8)
```
#3d3b0c
```
#3d3b0c rgb(61,59,12)
```
#534f10
```
#534f10 rgb(83,79,16)
```
#686414
```
#686414 rgb(104,100,20)
```
#7d7918
```
#7d7918 rgb(125,121,24)
```
#938d1c
```
#938d1c rgb(147,141,28)
```
#a8a220
```
#a8a220 rgb(168,162,32)
```

Monochromatic Color

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

#684f14
```
#684f14 rgb(104,79,20)
```
#685614
```
#685614 rgb(104,86,20)
```
#685d14
```
#685d14 rgb(104,93,20)
```
#686414
```
#686414 rgb(104,100,20)
```
#656814
```
#656814 rgb(101,104,20)
```
#5e6814
```
#5e6814 rgb(94,104,20)
```
#576814
```
#576814 rgb(87,104,20)
```

Similar Colors

Text with hexadecimal color #686414

This text has a font color of #686414.

<span style="color:#686414;">Text here</span>

#686414 background color

This paragraph has a background color of #686414.

<p style="background-color:#686414;">Content here</p>

#686414 border color

This element has a border color of #686414.

<div style="border:1px solid #686414;">Content here</div>

CSS codes

.text {color:#686414;}

.background {background-color:#686414;}

.border {border:1px solid #686414;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050501 is the darkest color, while #fdfcf4 is the lightest one.

#050501
```
#050501 rgb(5,5,1)
```
#161504
```
#161504 rgb(22,21,4)
```
#262507
```
#262507 rgb(38,37,7)
```
#37350b
```
#37350b rgb(55,53,11)
```
#47440e
```
#47440e rgb(71,68,14)
```
#585411
```
#585411 rgb(88,84,17)
```
#686414
```
#686414 rgb(104,100,20)
```
#787417
```
#787417 rgb(120,116,23)
```
#89841a
```
#89841a rgb(137,132,26)
```
#99931d
```
#99931d rgb(153,147,29)
```
#aaa321
```
#aaa321 rgb(170,163,33)
```
#bab324
```
#bab324 rgb(186,179,36)
```
#cbc327
```
#cbc327 rgb(203,195,39)
```

Shade Color Variation

#d7cf2e
```
#d7cf2e rgb(215,207,46)
```
#dad33f
```
#dad33f rgb(218,211,63)
```
#ddd64f
```
#ddd64f rgb(221,214,79)
```
#e0da60
```
#e0da60 rgb(224,218,96)
```
#e4de70
```
#e4de70 rgb(228,222,112)
```
#e7e281
```
#e7e281 rgb(231,226,129)
```
#eae691
```
#eae691 rgb(234,230,145)
```
#ede9a2
```
#ede9a2 rgb(237,233,162)
```
#f0edb2
```
#f0edb2 rgb(240,237,178)
```
#f3f1c2
```
#f3f1c2 rgb(243,241,194)
```
#f7f5d3
```
#f7f5d3 rgb(247,245,211)
```
#faf9e3
```
#faf9e3 rgb(250,249,227)
```
#fdfcf4
```
#fdfcf4 rgb(253,252,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42413a is the less saturated color, while #7b7501 is the most saturated one.

#42413a
```
#42413a rgb(66,65,58)
```
#474635
```
#474635 rgb(71,70,53)
```
#4b4a31
```
#4b4a31 rgb(75,74,49)
```
#504e2c
```
#504e2c rgb(80,78,44)
```
#555327
```
#555327 rgb(85,83,39)
```
#5a5722
```
#5a5722 rgb(90,87,34)
```
#5e5b1e
```
#5e5b1e rgb(94,91,30)
```
#636019
```
#636019 rgb(99,96,25)
```
#686414
```
#686414 rgb(104,100,20)
```
#6d680f
```
#6d680f rgb(109,104,15)
```
#726d0a
```
#726d0a rgb(114,109,10)
```
#767106
```
#767106 rgb(118,113,6)
```
#7b7501
```
#7b7501 rgb(123,117,1)
```

Tone Color Variation

Below, you can see how #686414 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5c5c5c Achromatopsia 0.005% of the population
#5e5e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#766a1f Protanopia 1% of men
#836424 Deuteranopia 1% of men
#76656c Tritanopia 0.001% of the population

Trichromacy

#71671b Protanomaly 1% of men, 0.01% of women
#79641e Deuteranomaly 6% of men, 0.4% of women
#71644c Tritanomaly 0.01% of the population

#686414 hex color

#686414 Color Information

#686414 Color Conversion

Color Schemes with #686414

Alternatives to #686414

#686414 Preview

Shades and Tints of #686414

Tones of #686414

Color Blindness Simulator