#686b2d hex color

In a RGB color space, hex #686b2d is composed of 40.8% red, 42% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 57.9% yellow and 58% black. It has a hue angle of 62.9 degrees, a saturation of 40.8% and a lightness of 29.8%. #686b2d color hex could be obtained by blending #d0d65a with #000000. Closest websafe color is: #666633.

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

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

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

Hex triplet	686b2d	`#686b2d`
RGB Decimal	104, 107, 45	`rgb(104,107,45)`
RGB Percent	40.8, 42, 17.6	`rgb(40.8%,42%,17.6%)`
CMYK	3, 0, 58, 58
HSL	62.9°, 40.8, 29.8	`hsl(62.9,40.8%,29.8%)`
HSV (or HSB)	62.9°, 57.9, 42
Web Safe	666633	`#666633`

CIE-LAB	43.724, -10.56, 33.752
XYZ	11.44, 13.648, 4.514
xyY	0.386, 0.461, 13.648
CIE-LCH	43.724, 35.365, 107.374
CIE-LUV	43.724, 0.783, 37.747
Hunter-Lab	36.943, -9.375, 18.616
Binary	01101000, 01101011, 00101101

#686b2d
```
#686b2d rgb(104,107,45)
```
#302d6b
```
#302d6b rgb(48,45,107)
```

Complementary Color

#6b4f2d
```
#6b4f2d rgb(107,79,45)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#496b2d
```
#496b2d rgb(73,107,45)
```

Analogous Color

#4f2d6b
```
#4f2d6b rgb(79,45,107)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#2d496b
```
#2d496b rgb(45,73,107)
```

Split Complementary Color

#6b2d68
```
#6b2d68 rgb(107,45,104)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#2d686b
```
#2d686b rgb(45,104,107)
```

Triadic Color

#6b302d
```
#6b302d rgb(107,48,45)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#2d686b
```
#2d686b rgb(45,104,107)
```
#302d6b
```
#302d6b rgb(48,45,107)
```

Tetradic Color

#343516
```
#343516 rgb(52,53,22)
```
#45471e
```
#45471e rgb(69,71,30)
```
#575925
```
#575925 rgb(87,89,37)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#797d35
```
#797d35 rgb(121,125,53)
```
#8b8f3c
```
#8b8f3c rgb(139,143,60)
```
#9ca144
```
#9ca144 rgb(156,161,68)
```

Monochromatic Color

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

#6b5e2d
```
#6b5e2d rgb(107,94,45)
```
#6b642d
```
#6b642d rgb(107,100,45)
```
#6b692d
```
#6b692d rgb(107,105,45)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#636b2d
```
#636b2d rgb(99,107,45)
```
#5e6b2d
```
#5e6b2d rgb(94,107,45)
```
#596b2d
```
#596b2d rgb(89,107,45)
```

Similar Colors

Text with hexadecimal color #686b2d

This text has a font color of #686b2d.

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

#686b2d background color

This paragraph has a background color of #686b2d.

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

#686b2d border color

This element has a border color of #686b2d.

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

CSS codes

.text {color:#686b2d;}

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

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

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, #0a0a04 is the darkest color, while #fdfefc is the lightest one.

#0a0a04
```
#0a0a04 rgb(10,10,4)
```
#17180a
```
#17180a rgb(23,24,10)
```
#252610
```
#252610 rgb(37,38,16)
```
#323416
```
#323416 rgb(50,52,22)
```
#40421c
```
#40421c rgb(64,66,28)
```
#4d4f21
```
#4d4f21 rgb(77,79,33)
```
#5b5d27
```
#5b5d27 rgb(91,93,39)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#757933
```
#757933 rgb(117,121,51)
```
#838739
```
#838739 rgb(131,135,57)
```
#90943e
```
#90943e rgb(144,148,62)
```
#9ea244
```
#9ea244 rgb(158,162,68)
```
#abb04a
```
#abb04a rgb(171,176,74)
```

Shade Color Variation

#b3b856
```
#b3b856 rgb(179,184,86)
```
#b9be64
```
#b9be64 rgb(185,190,100)
```
#c0c371
```
#c0c371 rgb(192,195,113)
```
#c6c97f
```
#c6c97f rgb(198,201,127)
```
#cccf8d
```
#cccf8d rgb(204,207,141)
```
#d2d59b
```
#d2d59b rgb(210,213,155)
```
#d8dba9
```
#d8dba9 rgb(216,219,169)
```
#dee1b6
```
#dee1b6 rgb(222,225,182)
```
#e5e6c4
```
#e5e6c4 rgb(229,230,196)
```
#ebecd2
```
#ebecd2 rgb(235,236,210)
```
#f1f2e0
```
#f1f2e0 rgb(241,242,224)
```
#f7f8ee
```
#f7f8ee rgb(247,248,238)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#4e4e4a
```
#4e4e4a rgb(78,78,74)
```
#535444
```
#535444 rgb(83,84,68)
```
#58593f
```
#58593f rgb(88,89,63)
```
#5d5f39
```
#5d5f39 rgb(93,95,57)
```
#636533
```
#636533 rgb(99,101,51)
```
#686b2d
```
#686b2d rgb(104,107,45)
```
#6d7127
```
#6d7127 rgb(109,113,39)
```
#737721
```
#737721 rgb(115,119,33)
```
#787d1b
```
#787d1b rgb(120,125,27)
```
#7d8216
```
#7d8216 rgb(125,130,22)
```
#828810
```
#828810 rgb(130,136,16)
```
#888e0a
```
#888e0a rgb(136,142,10)
```
#8d9404
```
#8d9404 rgb(141,148,4)
```

Tone Color Variation

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

#7a6f36 Protanopia 1% of men
#876a3a Deuteranopia 1% of men
#766c73 Tritanopia 0.001% of the population

Trichromacy

#736d33 Protanomaly 1% of men, 0.01% of women
#7c6a35 Deuteranomaly 6% of men, 0.4% of women
#716b5a Tritanomaly 0.01% of the population

#686b2d hex color

#686b2d Color Information

#686b2d Color Conversion

Color Schemes with #686b2d

Alternatives to #686b2d

#686b2d Preview

Shades and Tints of #686b2d

Tones of #686b2d

Color Blindness Simulator