#686f4e hex color

In a RGB color space, hex #686f4e is composed of 40.8% red, 43.5% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 29.7% yellow and 56.5% black. It has a hue angle of 72.7 degrees, a saturation of 17.5% and a lightness of 37.1%. #686f4e color hex could be obtained by blending #d0de9c with #000000. Closest websafe color is: #666666.

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

● #686f4e color description : Very dark grayish yellow.

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

Hex triplet	686f4e	`#686f4e`
RGB Decimal	104, 111, 78	`rgb(104,111,78)`
RGB Percent	40.8, 43.5, 30.6	`rgb(40.8%,43.5%,30.6%)`
CMYK	6, 0, 30, 56
HSL	72.7°, 17.5, 37.1	`hsl(72.7,17.5%,37.1%)`
HSV (or HSB)	72.7°, 29.7, 43.5
Web Safe	666666	`#666666`

CIE-LAB	45.445, -8.772, 17.535
XYZ	12.768, 14.862, 9.403
xyY	0.345, 0.401, 14.862
CIE-LCH	45.445, 19.607, 116.577
CIE-LUV	45.445, -2.549, 22.744
Hunter-Lab	38.551, -8.345, 12.524
Binary	01101000, 01101111, 01001110

#686f4e
```
#686f4e rgb(104,111,78)
```
#554e6f
```
#554e6f rgb(85,78,111)
```

Complementary Color

#6f664e
```
#6f664e rgb(111,102,78)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#586f4e
```
#586f4e rgb(88,111,78)
```

Analogous Color

#664e6f
```
#664e6f rgb(102,78,111)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#4e586f
```
#4e586f rgb(78,88,111)
```

Split Complementary Color

#6f4e68
```
#6f4e68 rgb(111,78,104)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#4e686f
```
#4e686f rgb(78,104,111)
```

Triadic Color

#6f554e
```
#6f554e rgb(111,85,78)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#4e686f
```
#4e686f rgb(78,104,111)
```
#554e6f
```
#554e6f rgb(85,78,111)
```

Tetradic Color

#3e422e
```
#3e422e rgb(62,66,46)
```
#4c5139
```
#4c5139 rgb(76,81,57)
```
#5a6043
```
#5a6043 rgb(90,96,67)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#767e59
```
#767e59 rgb(118,126,89)
```
#848d63
```
#848d63 rgb(132,141,99)
```
#919a6f
```
#919a6f rgb(145,154,111)
```

Monochromatic Color

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

#6f6e4e
```
#6f6e4e rgb(111,110,78)
```
#6e6f4e
```
#6e6f4e rgb(110,111,78)
```
#6b6f4e
```
#6b6f4e rgb(107,111,78)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#656f4e
```
#656f4e rgb(101,111,78)
```
#636f4e
```
#636f4e rgb(99,111,78)
```
#606f4e
```
#606f4e rgb(96,111,78)
```

Similar Colors

Text with hexadecimal color #686f4e

This text has a font color of #686f4e.

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

#686f4e background color

This paragraph has a background color of #686f4e.

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

#686f4e border color

This element has a border color of #686f4e.

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

CSS codes

.text {color:#686f4e;}

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

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

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

#070705
```
#070705 rgb(7,7,5)
```
#12130d
```
#12130d rgb(18,19,13)
```
#1c1e15
```
#1c1e15 rgb(28,30,21)
```
#272a1d
```
#272a1d rgb(39,42,29)
```
#323526
```
#323526 rgb(50,53,38)
```
#3d412e
```
#3d412e rgb(61,65,46)
```
#484c36
```
#484c36 rgb(72,76,54)
```
#52583e
```
#52583e rgb(82,88,62)
```
#5d6346
```
#5d6346 rgb(93,99,70)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#737b56
```
#737b56 rgb(115,123,86)
```
#7e865e
```
#7e865e rgb(126,134,94)
```
#889266
```
#889266 rgb(136,146,102)
```

Shade Color Variation

#929b71
```
#929b71 rgb(146,155,113)
```
#9ba37c
```
#9ba37c rgb(155,163,124)
```
#a4ab88
```
#a4ab88 rgb(164,171,136)
```
#acb393
```
#acb393 rgb(172,179,147)
```
#b5bb9f
```
#b5bb9f rgb(181,187,159)
```
#bec3aa
```
#bec3aa rgb(190,195,170)
```
#c7cbb6
```
#c7cbb6 rgb(199,203,182)
```
#d0d4c1
```
#d0d4c1 rgb(208,212,193)
```
#d8dccd
```
#d8dccd rgb(216,220,205)
```
#e1e4d8
```
#e1e4d8 rgb(225,228,216)
```
#eaece4
```
#eaece4 rgb(234,236,228)
```
#f3f4ef
```
#f3f4ef rgb(243,244,239)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60605d is the less saturated color, while #92b805 is the most saturated one.

#60605d
```
#60605d rgb(96,96,93)
```
#646855
```
#646855 rgb(100,104,85)
```
#686f4e
```
#686f4e rgb(104,111,78)
```
#6c7647
```
#6c7647 rgb(108,118,71)
```
#707e3f
```
#707e3f rgb(112,126,63)
```
#758538
```
#758538 rgb(117,133,56)
```
#798c31
```
#798c31 rgb(121,140,49)
```
#7d932a
```
#7d932a rgb(125,147,42)
```
#819b22
```
#819b22 rgb(129,155,34)
```
#85a21b
```
#85a21b rgb(133,162,27)
```
#89a914
```
#89a914 rgb(137,169,20)
```
#8eb00d
```
#8eb00d rgb(142,176,13)
```
#92b805
```
#92b805 rgb(146,184,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7355 Protanopia 1% of men
#866e59 Deuteranopia 1% of men
#75717a Tritanopia 0.001% of the population

Trichromacy

#747152 Protanomaly 1% of men, 0.01% of women
#7b6e55 Deuteranomaly 6% of men, 0.4% of women
#70706a Tritanomaly 0.01% of the population

#686f4e hex color

#686f4e Color Information

#686f4e Color Conversion

Color Schemes with #686f4e

Alternatives to #686f4e

#686f4e Preview

Shades and Tints of #686f4e

Tones of #686f4e

Color Blindness Simulator