#686b2b hex color

In a RGB color space, hex #686b2b is composed of 40.8% red, 42% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 59.8% yellow and 58% black. It has a hue angle of 62.8 degrees, a saturation of 42.7% and a lightness of 29.4%. #686b2b color hex could be obtained by blending #d0d656 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686b2b has RGB values of R:104, G:107, B:43 and CMYK values of C:0.03, M:0, Y:0.6, K:0.58. Its decimal value is 6843179.

Hex triplet	686b2b	`#686b2b`
RGB Decimal	104, 107, 43	`rgb(104,107,43)`
RGB Percent	40.8, 42, 16.9	`rgb(40.8%,42%,16.9%)`
CMYK	3, 0, 60, 58
HSL	62.8°, 42.7, 29.4	`hsl(62.8,42.7%,29.4%)`
HSV (or HSB)	62.8°, 59.8, 42
Web Safe	666633	`#666633`

CIE-LAB	43.702, -10.737, 34.741
XYZ	11.403, 13.633, 4.316
xyY	0.388, 0.464, 13.633
CIE-LCH	43.702, 36.362, 107.174
CIE-LUV	43.702, 0.833, 38.53
Hunter-Lab	36.923, -9.49, 18.915
Binary	01101000, 01101011, 00101011

#686b2b
```
#686b2b rgb(104,107,43)
```
#2e2b6b
```
#2e2b6b rgb(46,43,107)
```

Complementary Color

#6b4e2b
```
#6b4e2b rgb(107,78,43)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#486b2b
```
#486b2b rgb(72,107,43)
```

Analogous Color

#4e2b6b
```
#4e2b6b rgb(78,43,107)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#2b486b
```
#2b486b rgb(43,72,107)
```

Split Complementary Color

#6b2b68
```
#6b2b68 rgb(107,43,104)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#2b686b
```
#2b686b rgb(43,104,107)
```

Triadic Color

#6b2e2b
```
#6b2e2b rgb(107,46,43)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#2b686b
```
#2b686b rgb(43,104,107)
```
#2e2b6b
```
#2e2b6b rgb(46,43,107)
```

Tetradic Color

#333415
```
#333415 rgb(51,52,21)
```
#45471c
```
#45471c rgb(69,71,28)
```
#565924
```
#565924 rgb(86,89,36)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#7a7d32
```
#7a7d32 rgb(122,125,50)
```
#8b8f3a
```
#8b8f3a rgb(139,143,58)
```
#9da241
```
#9da241 rgb(157,162,65)
```

Monochromatic Color

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

#6b5e2b
```
#6b5e2b rgb(107,94,43)
```
#6b632b
```
#6b632b rgb(107,99,43)
```
#6b692b
```
#6b692b rgb(107,105,43)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#636b2b
```
#636b2b rgb(99,107,43)
```
#5d6b2b
```
#5d6b2b rgb(93,107,43)
```
#586b2b
```
#586b2b rgb(88,107,43)
```

Similar Colors

Text with hexadecimal color #686b2b

This text has a font color of #686b2b.

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

#686b2b background color

This paragraph has a background color of #686b2b.

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

#686b2b border color

This element has a border color of #686b2b.

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

CSS codes

.text {color:#686b2b;}

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

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

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

#090904
```
#090904 rgb(9,9,4)
```
#161709
```
#161709 rgb(22,23,9)
```
#24250f
```
#24250f rgb(36,37,15)
```
#323315
```
#323315 rgb(50,51,21)
```
#3f411a
```
#3f411a rgb(63,65,26)
```
#4d4f20
```
#4d4f20 rgb(77,79,32)
```
#5a5d25
```
#5a5d25 rgb(90,93,37)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#767931
```
#767931 rgb(118,121,49)
```
#838736
```
#838736 rgb(131,135,54)
```
#91953c
```
#91953c rgb(145,149,60)
```
#9ea341
```
#9ea341 rgb(158,163,65)
```
#acb147
```
#acb147 rgb(172,177,71)
```

Shade Color Variation

#b5ba52
```
#b5ba52 rgb(181,186,82)
```
#bbbf60
```
#bbbf60 rgb(187,191,96)
```
#c1c56e
```
#c1c56e rgb(193,197,110)
```
#c7ca7c
```
#c7ca7c rgb(199,202,124)
```
#cdd08a
```
#cdd08a rgb(205,208,138)
```
#d3d698
```
#d3d698 rgb(211,214,152)
```
#d9dba6
```
#d9dba6 rgb(217,219,166)
```
#dfe1b4
```
#dfe1b4 rgb(223,225,180)
```
#e5e7c2
```
#e5e7c2 rgb(229,231,194)
```
#ebecd0
```
#ebecd0 rgb(235,236,208)
```
#f1f2de
```
#f1f2de rgb(241,242,222)
```
#f7f7ec
```
#f7f7ec rgb(247,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#4e4e48
```
#4e4e48 rgb(78,78,72)
```
#535442
```
#535442 rgb(83,84,66)
```
#585a3c
```
#585a3c rgb(88,90,60)
```
#5e5f37
```
#5e5f37 rgb(94,95,55)
```
#636531
```
#636531 rgb(99,101,49)
```
#686b2b
```
#686b2b rgb(104,107,43)
```
#6d7125
```
#6d7125 rgb(109,113,37)
```
#72771f
```
#72771f rgb(114,119,31)
```
#787c1a
```
#787c1a rgb(120,124,26)
```
#7d8214
```
#7d8214 rgb(125,130,20)
```
#82880e
```
#82880e rgb(130,136,14)
```
#878e08
```
#878e08 rgb(135,142,8)
```
#8d9303
```
#8d9303 rgb(141,147,3)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#646558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f35 Protanopia 1% of men
#876a39 Deuteranopia 1% of men
#776c73 Tritanopia 0.001% of the population

Trichromacy

#746d31 Protanomaly 1% of men, 0.01% of women
#7c6a33 Deuteranomaly 6% of men, 0.4% of women
#716b59 Tritanomaly 0.01% of the population

#686b2b hex color

#686b2b Color Information

#686b2b Color Conversion

Color Schemes with #686b2b

Alternatives to #686b2b

#686b2b Preview

Shades and Tints of #686b2b

Tones of #686b2b

Color Blindness Simulator