#686842 hex color

In a RGB color space, hex #686842 is composed of 40.8% red, 40.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 36.5% yellow and 59.2% black. It has a hue angle of 60 degrees, a saturation of 22.4% and a lightness of 33.3%. #686842 color hex could be obtained by blending #d0d084 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 41
- B 26
RGB color chart
- C 0
- M 0
- Y 37
- K 59
CMYK color chart

● #686842 color description : Very dark desaturated yellow.

The hexadecimal color #686842 has RGB values of R:104, G:104, B:66 and CMYK values of C:0, M:0, Y:0.37, K:0.59. Its decimal value is 6842434.

Hex triplet	686842	`#686842`
RGB Decimal	104, 104, 66	`rgb(104,104,66)`
RGB Percent	40.8, 40.8, 25.9	`rgb(40.8%,40.8%,25.9%)`
CMYK	0, 0, 37, 59
HSL	60°, 22.4, 33.3	`hsl(60,22.4%,33.3%)`
HSV (or HSB)	60°, 36.5, 40.8
Web Safe	666633	`#666633`

CIE-LAB	43.118, -6.504, 21.445
XYZ	11.642, 13.237, 7.096
xyY	0.364, 0.414, 13.237
CIE-LCH	43.118, 22.409, 106.873
CIE-LUV	43.118, 1.871, 25.96
Hunter-Lab	36.383, -6.55, 13.905
Binary	01101000, 01101000, 01000010

#686842
```
#686842 rgb(104,104,66)
```
#424268
```
#424268 rgb(66,66,104)
```

Complementary Color

#685542
```
#685542 rgb(104,85,66)
```
#686842
```
#686842 rgb(104,104,66)
```
#556842
```
#556842 rgb(85,104,66)
```

Analogous Color

#554268
```
#554268 rgb(85,66,104)
```
#686842
```
#686842 rgb(104,104,66)
```
#425568
```
#425568 rgb(66,85,104)
```

Split Complementary Color

#684268
```
#684268 rgb(104,66,104)
```
#686842
```
#686842 rgb(104,104,66)
```
#426868
```
#426868 rgb(66,104,104)
```

Triadic Color

#684242
```
#684242 rgb(104,66,66)
```
#686842
```
#686842 rgb(104,104,66)
```
#426868
```
#426868 rgb(66,104,104)
```
#424268
```
#424268 rgb(66,66,104)
```

Tetradic Color

#393924
```
#393924 rgb(57,57,36)
```
#49492e
```
#49492e rgb(73,73,46)
```
#585838
```
#585838 rgb(88,88,56)
```
#686842
```
#686842 rgb(104,104,66)
```
#78784c
```
#78784c rgb(120,120,76)
```
#878756
```
#878756 rgb(135,135,86)
```
#979760
```
#979760 rgb(151,151,96)
```

Monochromatic Color

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

#685f42
```
#685f42 rgb(104,95,66)
```
#686242
```
#686242 rgb(104,98,66)
```
#686542
```
#686542 rgb(104,101,66)
```
#686842
```
#686842 rgb(104,104,66)
```
#656842
```
#656842 rgb(101,104,66)
```
#626842
```
#626842 rgb(98,104,66)
```
#5f6842
```
#5f6842 rgb(95,104,66)
```

Similar Colors

Text with hexadecimal color #686842

This text has a font color of #686842.

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

#686842 background color

This paragraph has a background color of #686842.

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

#686842 border color

This element has a border color of #686842.

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

CSS codes

.text {color:#686842;}

.background {background-color:#686842;}

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

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, #080805 is the darkest color, while #fcfcfb is the lightest one.

#080805
```
#080805 rgb(8,8,5)
```
#14140d
```
#14140d rgb(20,20,13)
```
#202014
```
#202014 rgb(32,32,20)
```
#2c2c1c
```
#2c2c1c rgb(44,44,28)
```
#383824
```
#383824 rgb(56,56,36)
```
#44442b
```
#44442b rgb(68,68,43)
```
#505033
```
#505033 rgb(80,80,51)
```
#5c5c3a
```
#5c5c3a rgb(92,92,58)
```
#686842
```
#686842 rgb(104,104,66)
```
#74744a
```
#74744a rgb(116,116,74)
```
#808051
```
#808051 rgb(128,128,81)
```
#8c8c59
```
#8c8c59 rgb(140,140,89)
```
#989860
```
#989860 rgb(152,152,96)
```

Shade Color Variation

#a1a16b
```
#a1a16b rgb(161,161,107)
```
#a9a977
```
#a9a977 rgb(169,169,119)
```
#b0b083
```
#b0b083 rgb(176,176,131)
```
#b8b88f
```
#b8b88f rgb(184,184,143)
```
#c0c09b
```
#c0c09b rgb(192,192,155)
```
#c7c7a7
```
#c7c7a7 rgb(199,199,167)
```
#cfcfb3
```
#cfcfb3 rgb(207,207,179)
```
#d6d6bf
```
#d6d6bf rgb(214,214,191)
```
#dedecb
```
#dedecb rgb(222,222,203)
```
#e6e6d7
```
#e6e6d7 rgb(230,230,215)
```
#edede3
```
#edede3 rgb(237,237,227)
```
#f5f5ef
```
#f5f5ef rgb(245,245,239)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b4f is the less saturated color, while #a9a901 is the most saturated one.

#5b5b4f
```
#5b5b4f rgb(91,91,79)
```
#616149
```
#616149 rgb(97,97,73)
```
#686842
```
#686842 rgb(104,104,66)
```
#6f6f3b
```
#6f6f3b rgb(111,111,59)
```
#757535
```
#757535 rgb(117,117,53)
```
#7c7c2e
```
#7c7c2e rgb(124,124,46)
```
#828228
```
#828228 rgb(130,130,40)
```
#898921
```
#898921 rgb(137,137,33)
```
#8f8f1b
```
#8f8f1b rgb(143,143,27)
```
#969614
```
#969614 rgb(150,150,20)
```
#9c9c0e
```
#9c9c0e rgb(156,156,14)
```
#a3a307
```
#a3a307 rgb(163,163,7)
```
#a9a901
```
#a9a901 rgb(169,169,1)
```

Tone Color Variation

Below, you can see how #686842 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

#646464 Achromatopsia 0.005% of the population
#65655d Atypical Achromatopsia 0.001% of the population

Dichromacy

#766d4b Protanopia 1% of men
#82694d Deuteranopia 1% of men
#756a72 Tritanopia 0.001% of the population

Trichromacy

#716b47 Protanomaly 1% of men, 0.01% of women
#786849 Deuteranomaly 6% of men, 0.4% of women
#706960 Tritanomaly 0.01% of the population

#686842 hex color

#686842 Color Information

#686842 Color Conversion

Color Schemes with #686842

Alternatives to #686842

#686842 Preview

Shades and Tints of #686842

Tones of #686842

Color Blindness Simulator