#686b36 hex color

In a RGB color space, hex #686b36 is composed of 40.8% red, 42% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 49.5% yellow and 58% black. It has a hue angle of 63.4 degrees, a saturation of 32.9% and a lightness of 31.6%. #686b36 color hex could be obtained by blending #d0d66c with #000000. Closest websafe color is: #666633.

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

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

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

Hex triplet	686b36	`#686b36`
RGB Decimal	104, 107, 54	`rgb(104,107,54)`
RGB Percent	40.8, 42, 21.2	`rgb(40.8%,42%,21.2%)`
CMYK	3, 0, 50, 58
HSL	63.4°, 32.9, 31.6	`hsl(63.4,32.9%,31.6%)`
HSV (or HSB)	63.4°, 49.5, 42
Web Safe	666633	`#666633`

CIE-LAB	43.836, -9.668, 29.116
XYZ	11.632, 13.725, 5.526
xyY	0.377, 0.444, 13.725
CIE-LCH	43.836, 30.679, 108.369
CIE-LUV	43.836, 0.531, 33.824
Hunter-Lab	37.047, -8.786, 17.089
Binary	01101000, 01101011, 00110110

#686b36
```
#686b36 rgb(104,107,54)
```
#39366b
```
#39366b rgb(57,54,107)
```

Complementary Color

#6b5436
```
#6b5436 rgb(107,84,54)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#4e6b36
```
#4e6b36 rgb(78,107,54)
```

Analogous Color

#54366b
```
#54366b rgb(84,54,107)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#364e6b
```
#364e6b rgb(54,78,107)
```

Split Complementary Color

#6b3668
```
#6b3668 rgb(107,54,104)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#36686b
```
#36686b rgb(54,104,107)
```

Triadic Color

#6b3936
```
#6b3936 rgb(107,57,54)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#36686b
```
#36686b rgb(54,104,107)
```
#39366b
```
#39366b rgb(57,54,107)
```

Tetradic Color

#37381c
```
#37381c rgb(55,56,28)
```
#474925
```
#474925 rgb(71,73,37)
```
#585a2d
```
#585a2d rgb(88,90,45)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#787c3f
```
#787c3f rgb(120,124,63)
```
#898d47
```
#898d47 rgb(137,141,71)
```
#999e50
```
#999e50 rgb(153,158,80)
```

Monochromatic Color

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

#6b6136
```
#6b6136 rgb(107,97,54)
```
#6b6536
```
#6b6536 rgb(107,101,54)
```
#6b6a36
```
#6b6a36 rgb(107,106,54)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#646b36
```
#646b36 rgb(100,107,54)
```
#5f6b36
```
#5f6b36 rgb(95,107,54)
```
#5b6b36
```
#5b6b36 rgb(91,107,54)
```

Similar Colors

Text with hexadecimal color #686b36

This text has a font color of #686b36.

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

#686b36 background color

This paragraph has a background color of #686b36.

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

#686b36 border color

This element has a border color of #686b36.

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

CSS codes

.text {color:#686b36;}

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

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

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

#030301
```
#030301 rgb(3,3,1)
```
#0f1008
```
#0f1008 rgb(15,16,8)
```
#1c1d0f
```
#1c1d0f rgb(28,29,15)
```
#292a15
```
#292a15 rgb(41,42,21)
```
#35371c
```
#35371c rgb(53,55,28)
```
#424422
```
#424422 rgb(66,68,34)
```
#4f5129
```
#4f5129 rgb(79,81,41)
```
#5b5e2f
```
#5b5e2f rgb(91,94,47)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#75783d
```
#75783d rgb(117,120,61)
```
#818543
```
#818543 rgb(129,133,67)
```
#8e924a
```
#8e924a rgb(142,146,74)
```
#9b9f50
```
#9b9f50 rgb(155,159,80)
```

Shade Color Variation

#a6ab58
```
#a6ab58 rgb(166,171,88)
```
#adb165
```
#adb165 rgb(173,177,101)
```
#b4b872
```
#b4b872 rgb(180,184,114)
```
#bbbf7f
```
#bbbf7f rgb(187,191,127)
```
#c2c58c
```
#c2c58c rgb(194,197,140)
```
#c9cc99
```
#c9cc99 rgb(201,204,153)
```
#d0d2a6
```
#d0d2a6 rgb(208,210,166)
```
#d7d9b3
```
#d7d9b3 rgb(215,217,179)
```
#dedfc1
```
#dedfc1 rgb(222,223,193)
```
#e5e6ce
```
#e5e6ce rgb(229,230,206)
```
#eceddb
```
#eceddb rgb(236,237,219)
```
#f3f3e8
```
#f3f3e8 rgb(243,243,232)
```
#f9faf5
```
#f9faf5 rgb(249,250,245)
```

Tint Color Variation

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

#52524f
```
#52524f rgb(82,82,79)
```
#585849
```
#585849 rgb(88,88,73)
```
#5d5f42
```
#5d5f42 rgb(93,95,66)
```
#63653c
```
#63653c rgb(99,101,60)
```
#686b36
```
#686b36 rgb(104,107,54)
```
#6d7130
```
#6d7130 rgb(109,113,48)
```
#73772a
```
#73772a rgb(115,119,42)
```
#787e23
```
#787e23 rgb(120,126,35)
```
#7e841d
```
#7e841d rgb(126,132,29)
```
#838a17
```
#838a17 rgb(131,138,23)
```
#899011
```
#899011 rgb(137,144,17)
```
#8e960b
```
#8e960b rgb(142,150,11)
```
#949d04
```
#949d04 rgb(148,157,4)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#65655b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f3f Protanopia 1% of men
#866a43 Deuteranopia 1% of men
#766c74 Tritanopia 0.001% of the population

Trichromacy

#736d3b Protanomaly 1% of men, 0.01% of women
#7b6a3e Deuteranomaly 6% of men, 0.4% of women
#716c5d Tritanomaly 0.01% of the population

#686b36 hex color

#686b36 Color Information

#686b36 Color Conversion

Color Schemes with #686b36

Alternatives to #686b36

#686b36 Preview

Shades and Tints of #686b36

Tones of #686b36

Color Blindness Simulator