#686b52 hex color

In a RGB color space, hex #686b52 is composed of 40.8% red, 42% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 23.4% yellow and 58% black. It has a hue angle of 67.2 degrees, a saturation of 13.2% and a lightness of 37.1%. #686b52 color hex could be obtained by blending #d0d6a4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 42
- B 32
RGB color chart
- C 3
- M 0
- Y 23
- K 58
CMYK color chart

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

The hexadecimal color #686b52 has RGB values of R:104, G:107, B:82 and CMYK values of C:0.03, M:0, Y:0.23, K:0.58. Its decimal value is 6843218.

Hex triplet	686b52	`#686b52`
RGB Decimal	104, 107, 82	`rgb(104,107,82)`
RGB Percent	40.8, 42, 32.2	`rgb(40.8%,42%,32.2%)`
CMYK	3, 0, 23, 58
HSL	67.2°, 13.2, 37.1	`hsl(67.2,13.2%,37.1%)`
HSV (or HSB)	67.2°, 23.4, 42
Web Safe	666666	`#666666`

CIE-LAB	44.33, -5.846, 13.663
XYZ	12.489, 14.068, 10.04
xyY	0.341, 0.384, 14.068
CIE-LCH	44.33, 14.861, 113.163
CIE-LUV	44.33, -0.499, 17.787
Hunter-Lab	37.507, -6.199, 10.385
Binary	01101000, 01101011, 01010010

#686b52
```
#686b52 rgb(104,107,82)
```
#55526b
```
#55526b rgb(85,82,107)
```

Complementary Color

#6b6252
```
#6b6252 rgb(107,98,82)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#5c6b52
```
#5c6b52 rgb(92,107,82)
```

Analogous Color

#62526b
```
#62526b rgb(98,82,107)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#525c6b
```
#525c6b rgb(82,92,107)
```

Split Complementary Color

#6b5268
```
#6b5268 rgb(107,82,104)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#52686b
```
#52686b rgb(82,104,107)
```

Triadic Color

#6b5552
```
#6b5552 rgb(107,85,82)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#52686b
```
#52686b rgb(82,104,107)
```
#55526b
```
#55526b rgb(85,82,107)
```

Tetradic Color

#3e4031
```
#3e4031 rgb(62,64,49)
```
#4c4e3c
```
#4c4e3c rgb(76,78,60)
```
#5a5d47
```
#5a5d47 rgb(90,93,71)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#76795d
```
#76795d rgb(118,121,93)
```
#848868
```
#848868 rgb(132,136,104)
```
#919575
```
#919575 rgb(145,149,117)
```

Monochromatic Color

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

#6b6852
```
#6b6852 rgb(107,104,82)
```
#6b6a52
```
#6b6a52 rgb(107,106,82)
```
#6a6b52
```
#6a6b52 rgb(106,107,82)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#666b52
```
#666b52 rgb(102,107,82)
```
#646b52
```
#646b52 rgb(100,107,82)
```
#626b52
```
#626b52 rgb(98,107,82)
```

Similar Colors

Text with hexadecimal color #686b52

This text has a font color of #686b52.

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

#686b52 background color

This paragraph has a background color of #686b52.

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

#686b52 border color

This element has a border color of #686b52.

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

CSS codes

.text {color:#686b52;}

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

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

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)
```
#12120e
```
#12120e rgb(18,18,14)
```
#1c1d16
```
#1c1d16 rgb(28,29,22)
```
#27281f
```
#27281f rgb(39,40,31)
```
#323327
```
#323327 rgb(50,51,39)
```
#3d3f30
```
#3d3f30 rgb(61,63,48)
```
#484a38
```
#484a38 rgb(72,74,56)
```
#525541
```
#525541 rgb(82,85,65)
```
#5d6049
```
#5d6049 rgb(93,96,73)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#73765b
```
#73765b rgb(115,118,91)
```
#7e8163
```
#7e8163 rgb(126,129,99)
```
#888c6c
```
#888c6c rgb(136,140,108)
```

Shade Color Variation

#929676
```
#929676 rgb(146,150,118)
```
#9b9e81
```
#9b9e81 rgb(155,158,129)
```
#a4a78c
```
#a4a78c rgb(164,167,140)
```
#acaf97
```
#acaf97 rgb(172,175,151)
```
#b5b8a2
```
#b5b8a2 rgb(181,184,162)
```
#bec0ad
```
#bec0ad rgb(190,192,173)
```
#c7c9b8
```
#c7c9b8 rgb(199,201,184)
```
#d0d1c3
```
#d0d1c3 rgb(208,209,195)
```
#d8dacf
```
#d8dacf rgb(216,218,207)
```
#e1e2da
```
#e1e2da rgb(225,226,218)
```
#eaebe5
```
#eaebe5 rgb(234,235,229)
```
#f3f3f0
```
#f3f3f0 rgb(243,243,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#626459
```
#626459 rgb(98,100,89)
```
#686b52
```
#686b52 rgb(104,107,82)
```
#6e724b
```
#6e724b rgb(110,114,75)
```
#737a43
```
#737a43 rgb(115,122,67)
```
#79813c
```
#79813c rgb(121,129,60)
```
#7e8835
```
#7e8835 rgb(126,136,53)
```
#848f2e
```
#848f2e rgb(132,143,46)
```
#899726
```
#899726 rgb(137,151,38)
```
#8f9e1f
```
#8f9e1f rgb(143,158,31)
```
#94a518
```
#94a518 rgb(148,165,24)
```
#9aac11
```
#9aac11 rgb(154,172,17)
```
#9fb409
```
#9fb409 rgb(159,180,9)
```
#a5bb02
```
#a5bb02 rgb(165,187,2)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77705a Protanopia 1% of men
#826c5c Deuteranopia 1% of men
#746e76 Tritanopia 0.001% of the population

Trichromacy

#716e57 Protanomaly 1% of men, 0.01% of women
#786b58 Deuteranomaly 6% of men, 0.4% of women
#6f6d69 Tritanomaly 0.01% of the population

#686b52 hex color

#686b52 Color Information

#686b52 Color Conversion

Color Schemes with #686b52

Alternatives to #686b52

#686b52 Preview

Shades and Tints of #686b52

Tones of #686b52

Color Blindness Simulator