#686c21 hex color

In a RGB color space, hex #686c21 is composed of 40.8% red, 42.4% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 69.4% yellow and 57.6% black. It has a hue angle of 63.2 degrees, a saturation of 53.2% and a lightness of 27.6%. #686c21 color hex could be obtained by blending #d0d842 with #000000. Closest websafe color is: #666633.

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

● #686c21 color description : Very dark yellow [Olive tone].

The hexadecimal color #686c21 has RGB values of R:104, G:108, B:33 and CMYK values of C:0.04, M:0, Y:0.69, K:0.58. Its decimal value is 6843425.

Hex triplet	686c21	`#686c21`
RGB Decimal	104, 108, 33	`rgb(104,108,33)`
RGB Percent	40.8, 42.4, 12.9	`rgb(40.8%,42.4%,12.9%)`
CMYK	4, 0, 69, 58
HSL	63.2°, 53.2, 27.6	`hsl(63.2,53.2%,27.6%)`
HSV (or HSB)	63.2°, 69.4, 42.4
Web Safe	666633	`#666633`

CIE-LAB	43.913, -12.055, 39.704
XYZ	11.346, 13.778, 3.501
xyY	0.396, 0.481, 13.778
CIE-LCH	43.913, 41.494, 106.89
CIE-LUV	43.913, 0.434, 42.416
Hunter-Lab	37.119, -10.397, 20.392
Binary	01101000, 01101100, 00100001

#686c21
```
#686c21 rgb(104,108,33)
```
#25216c
```
#25216c rgb(37,33,108)
```

Complementary Color

#6c4b21
```
#6c4b21 rgb(108,75,33)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#436c21
```
#436c21 rgb(67,108,33)
```

Analogous Color

#4b216c
```
#4b216c rgb(75,33,108)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#21436c
```
#21436c rgb(33,67,108)
```

Split Complementary Color

#6c2168
```
#6c2168 rgb(108,33,104)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#21686c
```
#21686c rgb(33,104,108)
```

Triadic Color

#6c2521
```
#6c2521 rgb(108,37,33)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#21686c
```
#21686c rgb(33,104,108)
```
#25216c
```
#25216c rgb(37,33,108)
```

Tetradic Color

#30310f
```
#30310f rgb(48,49,15)
```
#424515
```
#424515 rgb(66,69,21)
```
#55581b
```
#55581b rgb(85,88,27)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#7b8027
```
#7b8027 rgb(123,128,39)
```
#8e932d
```
#8e932d rgb(142,147,45)
```
#a0a733
```
#a0a733 rgb(160,167,51)
```

Monochromatic Color

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

#6c5d21
```
#6c5d21 rgb(108,93,33)
```
#6c6421
```
#6c6421 rgb(108,100,33)
```
#6c6a21
```
#6c6a21 rgb(108,106,33)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#626c21
```
#626c21 rgb(98,108,33)
```
#5c6c21
```
#5c6c21 rgb(92,108,33)
```
#556c21
```
#556c21 rgb(85,108,33)
```

Similar Colors

Text with hexadecimal color #686c21

This text has a font color of #686c21.

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

#686c21 background color

This paragraph has a background color of #686c21.

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

#686c21 border color

This element has a border color of #686c21.

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

CSS codes

.text {color:#686c21;}

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

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

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 #fbfbf3 is the lightest one.

#030301
```
#030301 rgb(3,3,1)
```
#111205
```
#111205 rgb(17,18,5)
```
#20210a
```
#20210a rgb(32,33,10)
```
#2e300f
```
#2e300f rgb(46,48,15)
```
#3d3f13
```
#3d3f13 rgb(61,63,19)
```
#4b4e18
```
#4b4e18 rgb(75,78,24)
```
#5a5d1c
```
#5a5d1c rgb(90,93,28)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#767b26
```
#767b26 rgb(118,123,38)
```
#858a2a
```
#858a2a rgb(133,138,42)
```
#93992f
```
#93992f rgb(147,153,47)
```
#a2a833
```
#a2a833 rgb(162,168,51)
```
#b0b738
```
#b0b738 rgb(176,183,56)
```

Shade Color Variation

#bdc43f
```
#bdc43f rgb(189,196,63)
```
#c2c94e
```
#c2c94e rgb(194,201,78)
```
#c7cd5d
```
#c7cd5d rgb(199,205,93)
```
#ccd26c
```
#ccd26c rgb(204,210,108)
```
#d2d77b
```
#d2d77b rgb(210,215,123)
```
#d7db8a
```
#d7db8a rgb(215,219,138)
```
#dce099
```
#dce099 rgb(220,224,153)
```
#e1e4a8
```
#e1e4a8 rgb(225,228,168)
```
#e6e9b7
```
#e6e9b7 rgb(230,233,183)
```
#ebeec6
```
#ebeec6 rgb(235,238,198)
```
#f1f2d5
```
#f1f2d5 rgb(241,242,213)
```
#f6f7e4
```
#f6f7e4 rgb(246,247,228)
```
#fbfbf3
```
#fbfbf3 rgb(251,251,243)
```

Tint Color Variation

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

#4b4b42
```
#4b4b42 rgb(75,75,66)
```
#50513c
```
#50513c rgb(80,81,60)
```
#555637
```
#555637 rgb(85,86,55)
```
#595c31
```
#595c31 rgb(89,92,49)
```
#5e612c
```
#5e612c rgb(94,97,44)
```
#636726
```
#636726 rgb(99,103,38)
```
#686c21
```
#686c21 rgb(104,108,33)
```
#6d711c
```
#6d711c rgb(109,113,28)
```
#727716
```
#727716 rgb(114,119,22)
```
#777c11
```
#777c11 rgb(119,124,17)
```
#7b820b
```
#7b820b rgb(123,130,11)
```
#808706
```
#808706 rgb(128,135,6)
```
#858d00
```
#858d00 rgb(133,141,0)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c6f2b Protanopia 1% of men
#896a30 Deuteranopia 1% of men
#776c74 Tritanopia 0.001% of the population

Trichromacy

#746e27 Protanomaly 1% of men, 0.01% of women
#7d6b2a Deuteranomaly 6% of men, 0.4% of women
#716c56 Tritanomaly 0.01% of the population

#686c21 hex color

#686c21 Color Information

#686c21 Color Conversion

Color Schemes with #686c21

Alternatives to #686c21

#686c21 Preview

Shades and Tints of #686c21

Tones of #686c21

Color Blindness Simulator