#686f31 hex color

In a RGB color space, hex #686f31 is composed of 40.8% red, 43.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 55.9% yellow and 56.5% black. It has a hue angle of 66.8 degrees, a saturation of 38.8% and a lightness of 31.4%. #686f31 color hex could be obtained by blending #d0de62 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 44
- B 19
RGB color chart
- C 6
- M 0
- Y 56
- K 56
CMYK color chart

● #686f31 color description : Very dark desaturated yellow.

The hexadecimal color #686f31 has RGB values of R:104, G:111, B:49 and CMYK values of C:0.06, M:0, Y:0.56, K:0.56. Its decimal value is 6844209.

Hex triplet	686f31	`#686f31`
RGB Decimal	104, 111, 49	`rgb(104,111,49)`
RGB Percent	40.8, 43.5, 19.2	`rgb(40.8%,43.5%,19.2%)`
CMYK	6, 0, 56, 56
HSL	66.8°, 38.8, 31.4	`hsl(66.8,38.8%,31.4%)`
HSV (or HSB)	66.8°, 55.9, 43.5
Web Safe	666633	`#666633`

CIE-LAB	44.989, -12.416, 33.147
XYZ	11.948, 14.534, 5.081
xyY	0.379, 0.46, 14.534
CIE-LCH	44.989, 35.395, 110.534
CIE-LUV	44.989, -1.716, 38.089
Hunter-Lab	38.123, -10.774, 18.783
Binary	01101000, 01101111, 00110001

#686f31
```
#686f31 rgb(104,111,49)
```
#38316f
```
#38316f rgb(56,49,111)
```

Complementary Color

#6f5731
```
#6f5731 rgb(111,87,49)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#496f31
```
#496f31 rgb(73,111,49)
```

Analogous Color

#57316f
```
#57316f rgb(87,49,111)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#31496f
```
#31496f rgb(49,73,111)
```

Split Complementary Color

#6f3168
```
#6f3168 rgb(111,49,104)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#31686f
```
#31686f rgb(49,104,111)
```

Triadic Color

#6f3831
```
#6f3831 rgb(111,56,49)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#31686f
```
#31686f rgb(49,104,111)
```
#38316f
```
#38316f rgb(56,49,111)
```

Tetradic Color

#363a1a
```
#363a1a rgb(54,58,26)
```
#474c21
```
#474c21 rgb(71,76,33)
```
#575d29
```
#575d29 rgb(87,93,41)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#798139
```
#798139 rgb(121,129,57)
```
#899241
```
#899241 rgb(137,146,65)
```
#9aa448
```
#9aa448 rgb(154,164,72)
```

Monochromatic Color

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

#6f6731
```
#6f6731 rgb(111,103,49)
```
#6f6c31
```
#6f6c31 rgb(111,108,49)
```
#6d6f31
```
#6d6f31 rgb(109,111,49)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#636f31
```
#636f31 rgb(99,111,49)
```
#5e6f31
```
#5e6f31 rgb(94,111,49)
```
#596f31
```
#596f31 rgb(89,111,49)
```

Similar Colors

Text with hexadecimal color #686f31

This text has a font color of #686f31.

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

#686f31 background color

This paragraph has a background color of #686f31.

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

#686f31 border color

This element has a border color of #686f31.

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

CSS codes

.text {color:#686f31;}

.background {background-color:#686f31;}

.border {border:1px solid #686f31;}

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

#020201
```
#020201 rgb(2,2,1)
```
#0f1007
```
#0f1007 rgb(15,16,7)
```
#1c1d0d
```
#1c1d0d rgb(28,29,13)
```
#282b13
```
#282b13 rgb(40,43,19)
```
#353919
```
#353919 rgb(53,57,25)
```
#42461f
```
#42461f rgb(66,70,31)
```
#4f5425
```
#4f5425 rgb(79,84,37)
```
#5b612b
```
#5b612b rgb(91,97,43)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#757d37
```
#757d37 rgb(117,125,55)
```
#828a3d
```
#828a3d rgb(130,138,61)
```
#8e9843
```
#8e9843 rgb(142,152,67)
```
#9ba549
```
#9ba549 rgb(155,165,73)
```

Shade Color Variation

#a7b250
```
#a7b250 rgb(167,178,80)
```
#aeb85e
```
#aeb85e rgb(174,184,94)
```
#b5be6b
```
#b5be6b rgb(181,190,107)
```
#bbc479
```
#bbc479 rgb(187,196,121)
```
#c2ca87
```
#c2ca87 rgb(194,202,135)
```
#c9d094
```
#c9d094 rgb(201,208,148)
```
#d0d6a2
```
#d0d6a2 rgb(208,214,162)
```
#d7dcaf
```
#d7dcaf rgb(215,220,175)
```
#dee2bd
```
#dee2bd rgb(222,226,189)
```
#e5e8cb
```
#e5e8cb rgb(229,232,203)
```
#ebeed8
```
#ebeed8 rgb(235,238,216)
```
#f2f4e6
```
#f2f4e6 rgb(242,244,230)
```
#f9faf4
```
#f9faf4 rgb(249,250,244)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#55564a
```
#55564a rgb(85,86,74)
```
#5a5d43
```
#5a5d43 rgb(90,93,67)
```
#5e633d
```
#5e633d rgb(94,99,61)
```
#636937
```
#636937 rgb(99,105,55)
```
#686f31
```
#686f31 rgb(104,111,49)
```
#6d752b
```
#6d752b rgb(109,117,43)
```
#727b25
```
#727b25 rgb(114,123,37)
```
#76811f
```
#76811f rgb(118,129,31)
```
#7b8818
```
#7b8818 rgb(123,136,24)
```
#808e12
```
#808e12 rgb(128,142,18)
```
#85940c
```
#85940c rgb(133,148,12)
```
#899a06
```
#899a06 rgb(137,154,6)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#66685b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723a Protanopia 1% of men
#8a6d3e Deuteranopia 1% of men
#776f77 Tritanopia 0.001% of the population

Trichromacy

#757136 Protanomaly 1% of men, 0.01% of women
#7e6d39 Deuteranomaly 6% of men, 0.4% of women
#716f5e Tritanomaly 0.01% of the population

#686f31 hex color

#686f31 Color Information

#686f31 Color Conversion

Color Schemes with #686f31

Alternatives to #686f31

#686f31 Preview

Shades and Tints of #686f31

Tones of #686f31

Color Blindness Simulator