#686d4e hex color

In a RGB color space, hex #686d4e is composed of 40.8% red, 42.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 28.4% yellow and 57.3% black. It has a hue angle of 69.7 degrees, a saturation of 16.6% and a lightness of 36.7%. #686d4e color hex could be obtained by blending #d0da9c with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 43
- B 31
RGB color chart
- C 5
- M 0
- Y 28
- K 57
CMYK color chart

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

The hexadecimal color #686d4e has RGB values of R:104, G:109, B:78 and CMYK values of C:0.05, M:0, Y:0.28, K:0.57. Its decimal value is 6843726.

Hex triplet	686d4e	`#686d4e`
RGB Decimal	104, 109, 78	`rgb(104,109,78)`
RGB Percent	40.8, 42.7, 30.6	`rgb(40.8%,42.7%,30.6%)`
CMYK	5, 0, 28, 57
HSL	69.7°, 16.6, 36.7	`hsl(69.7,16.6%,36.7%)`
HSV (or HSB)	69.7°, 28.4, 42.7
Web Safe	666666	`#666666`

CIE-LAB	44.844, -7.634, 16.726
XYZ	12.552, 14.43, 9.331
xyY	0.346, 0.397, 14.43
CIE-LCH	44.844, 18.386, 114.534
CIE-LUV	44.844, -1.442, 21.572
Hunter-Lab	37.987, -7.495, 12.027
Binary	01101000, 01101101, 01001110

#686d4e
```
#686d4e rgb(104,109,78)
```
#534e6d
```
#534e6d rgb(83,78,109)
```

Complementary Color

#6d634e
```
#6d634e rgb(109,99,78)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#596d4e
```
#596d4e rgb(89,109,78)
```

Analogous Color

#634e6d
```
#634e6d rgb(99,78,109)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#4e596d
```
#4e596d rgb(78,89,109)
```

Split Complementary Color

#6d4e68
```
#6d4e68 rgb(109,78,104)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#4e686d
```
#4e686d rgb(78,104,109)
```

Triadic Color

#6d534e
```
#6d534e rgb(109,83,78)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#4e686d
```
#4e686d rgb(78,104,109)
```
#534e6d
```
#534e6d rgb(83,78,109)
```

Tetradic Color

#3d402e
```
#3d402e rgb(61,64,46)
```
#4c4f39
```
#4c4f39 rgb(76,79,57)
```
#5a5e43
```
#5a5e43 rgb(90,94,67)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#767c59
```
#767c59 rgb(118,124,89)
```
#848b63
```
#848b63 rgb(132,139,99)
```
#92986f
```
#92986f rgb(146,152,111)
```

Monochromatic Color

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

#6d6a4e
```
#6d6a4e rgb(109,106,78)
```
#6d6d4e
```
#6d6d4e rgb(109,109,78)
```
#6b6d4e
```
#6b6d4e rgb(107,109,78)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#656d4e
```
#656d4e rgb(101,109,78)
```
#636d4e
```
#636d4e rgb(99,109,78)
```
#606d4e
```
#606d4e rgb(96,109,78)
```

Similar Colors

Text with hexadecimal color #686d4e

This text has a font color of #686d4e.

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

#686d4e background color

This paragraph has a background color of #686d4e.

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

#686d4e border color

This element has a border color of #686d4e.

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

CSS codes

.text {color:#686d4e;}

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

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

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

#060604
```
#060604 rgb(6,6,4)
```
#11120d
```
#11120d rgb(17,18,13)
```
#1c1d15
```
#1c1d15 rgb(28,29,21)
```
#27281d
```
#27281d rgb(39,40,29)
```
#313425
```
#313425 rgb(49,52,37)
```
#3c3f2d
```
#3c3f2d rgb(60,63,45)
```
#474b35
```
#474b35 rgb(71,75,53)
```
#52563e
```
#52563e rgb(82,86,62)
```
#5d6246
```
#5d6246 rgb(93,98,70)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#737856
```
#737856 rgb(115,120,86)
```
#7e845e
```
#7e845e rgb(126,132,94)
```
#898f67
```
#898f67 rgb(137,143,103)
```

Shade Color Variation

#929970
```
#929970 rgb(146,153,112)
```
#9ba17c
```
#9ba17c rgb(155,161,124)
```
#a4a987
```
#a4a987 rgb(164,169,135)
```
#adb293
```
#adb293 rgb(173,178,147)
```
#b5ba9e
```
#b5ba9e rgb(181,186,158)
```
#bec2aa
```
#bec2aa rgb(190,194,170)
```
#c7cab5
```
#c7cab5 rgb(199,202,181)
```
#cfd2c0
```
#cfd2c0 rgb(207,210,192)
```
#d8dacc
```
#d8dacc rgb(216,218,204)
```
#e1e3d7
```
#e1e3d7 rgb(225,227,215)
```
#eaebe3
```
#eaebe3 rgb(234,235,227)
```
#f2f3ee
```
#f2f3ee rgb(242,243,238)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#5e5f5c
```
#5e5f5c rgb(94,95,92)
```
#636655
```
#636655 rgb(99,102,85)
```
#686d4e
```
#686d4e rgb(104,109,78)
```
#6d7447
```
#6d7447 rgb(109,116,71)
```
#727b40
```
#727b40 rgb(114,123,64)
```
#778338
```
#778338 rgb(119,131,56)
```
#7b8a31
```
#7b8a31 rgb(123,138,49)
```
#80912a
```
#80912a rgb(128,145,42)
```
#859823
```
#859823 rgb(133,152,35)
```
#8a9f1c
```
#8a9f1c rgb(138,159,28)
```
#8fa714
```
#8fa714 rgb(143,167,20)
```
#94ae0d
```
#94ae0d rgb(148,174,13)
```
#99b506
```
#99b506 rgb(153,181,6)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797156 Protanopia 1% of men
#846d59 Deuteranopia 1% of men
#747078 Tritanopia 0.001% of the population

Trichromacy

#736f53 Protanomaly 1% of men, 0.01% of women
#7a6d55 Deuteranomaly 6% of men, 0.4% of women
#706f68 Tritanomaly 0.01% of the population

#686d4e hex color

#686d4e Color Information

#686d4e Color Conversion

Color Schemes with #686d4e

Alternatives to #686d4e

#686d4e Preview

Shades and Tints of #686d4e

Tones of #686d4e

Color Blindness Simulator