#686e21 hex color

In a RGB color space, hex #686e21 is composed of 40.8% red, 43.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 70% yellow and 56.9% black. It has a hue angle of 64.7 degrees, a saturation of 53.8% and a lightness of 28%. #686e21 color hex could be obtained by blending #d0dc42 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 43
- B 13
RGB color chart
- C 5
- M 0
- Y 70
- K 57
CMYK color chart

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

The hexadecimal color #686e21 has RGB values of R:104, G:110, B:33 and CMYK values of C:0.05, M:0, Y:0.7, K:0.57. Its decimal value is 6843937.

Hex triplet	686e21	`#686e21`
RGB Decimal	104, 110, 33	`rgb(104,110,33)`
RGB Percent	40.8, 43.1, 12.9	`rgb(40.8%,43.1%,12.9%)`
CMYK	5, 0, 70, 57
HSL	64.7°, 53.8, 28	`hsl(64.7,53.8%,28%)`
HSV (or HSB)	64.7°, 70, 43.1
Web Safe	666633	`#666633`

CIE-LAB	44.525, -13.161, 40.331
XYZ	11.559, 14.205, 3.572
xyY	0.394, 0.484, 14.205
CIE-LCH	44.525, 42.424, 108.072
CIE-LUV	44.525, -0.796, 43.341
Hunter-Lab	37.689, -11.21, 20.764
Binary	01101000, 01101110, 00100001

#686e21
```
#686e21 rgb(104,110,33)
```
#27216e
```
#27216e rgb(39,33,110)
```

Complementary Color

#6e4e21
```
#6e4e21 rgb(110,78,33)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#426e21
```
#426e21 rgb(66,110,33)
```

Analogous Color

#4d216e
```
#4d216e rgb(77,33,110)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#21426e
```
#21426e rgb(33,66,110)
```

Split Complementary Color

#6e2168
```
#6e2168 rgb(110,33,104)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#21686e
```
#21686e rgb(33,104,110)
```

Triadic Color

#6e2721
```
#6e2721 rgb(110,39,33)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#21686e
```
#21686e rgb(33,104,110)
```
#27216e
```
#27216e rgb(39,33,110)
```

Tetradic Color

#30330f
```
#30330f rgb(48,51,15)
```
#434715
```
#434715 rgb(67,71,21)
```
#555a1b
```
#555a1b rgb(85,90,27)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#7b8227
```
#7b8227 rgb(123,130,39)
```
#8d952d
```
#8d952d rgb(141,149,45)
```
#a0a933
```
#a0a933 rgb(160,169,51)
```

Monochromatic Color

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

#6e6121
```
#6e6121 rgb(110,97,33)
```
#6e6721
```
#6e6721 rgb(110,103,33)
```
#6e6e21
```
#6e6e21 rgb(110,110,33)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#626e21
```
#626e21 rgb(98,110,33)
```
#5b6e21
```
#5b6e21 rgb(91,110,33)
```
#556e21
```
#556e21 rgb(85,110,33)
```

Similar Colors

Text with hexadecimal color #686e21

This text has a font color of #686e21.

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

#686e21 background color

This paragraph has a background color of #686e21.

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

#686e21 border color

This element has a border color of #686e21.

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

CSS codes

.text {color:#686e21;}

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

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121306
```
#121306 rgb(18,19,6)
```
#21230a
```
#21230a rgb(33,35,10)
```
#2f320f
```
#2f320f rgb(47,50,15)
```
#3d4113
```
#3d4113 rgb(61,65,19)
```
#4b5018
```
#4b5018 rgb(75,80,24)
```
#5a5f1c
```
#5a5f1c rgb(90,95,28)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#767d26
```
#767d26 rgb(118,125,38)
```
#858c2a
```
#858c2a rgb(133,140,42)
```
#939b2f
```
#939b2f rgb(147,155,47)
```
#a1aa33
```
#a1aa33 rgb(161,170,51)
```
#afb938
```
#afb938 rgb(175,185,56)
```

Shade Color Variation

#bbc53f
```
#bbc53f rgb(187,197,63)
```
#c0ca4e
```
#c0ca4e rgb(192,202,78)
```
#c6cf5d
```
#c6cf5d rgb(198,207,93)
```
#cbd36c
```
#cbd36c rgb(203,211,108)
```
#d0d87c
```
#d0d87c rgb(208,216,124)
```
#d6dc8b
```
#d6dc8b rgb(214,220,139)
```
#dbe19a
```
#dbe19a rgb(219,225,154)
```
#e0e5a9
```
#e0e5a9 rgb(224,229,169)
```
#e6eab8
```
#e6eab8 rgb(230,234,184)
```
#ebeec7
```
#ebeec7 rgb(235,238,199)
```
#f1f3d6
```
#f1f3d6 rgb(241,243,214)
```
#f6f7e5
```
#f6f7e5 rgb(246,247,229)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#484848
```
#484848 rgb(72,72,72)
```
#4c4d42
```
#4c4d42 rgb(76,77,66)
```
#51533d
```
#51533d rgb(81,83,61)
```
#555837
```
#555837 rgb(85,88,55)
```
#5a5e32
```
#5a5e32 rgb(90,94,50)
```
#5f632c
```
#5f632c rgb(95,99,44)
```
#636927
```
#636927 rgb(99,105,39)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#6d741c
```
#6d741c rgb(109,116,28)
```
#717916
```
#717916 rgb(113,121,22)
```
#767f11
```
#767f11 rgb(118,127,17)
```
#7b840b
```
#7b840b rgb(123,132,11)
```
#7f8a05
```
#7f8a05 rgb(127,138,5)
```

Tone Color Variation

Below, you can see how #686e21 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
#646556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d712b Protanopia 1% of men
#8b6b30 Deuteranopia 1% of men
#776e76 Tritanopia 0.001% of the population

Trichromacy

#757027 Protanomaly 1% of men, 0.01% of women
#7e6c2a Deuteranomaly 6% of men, 0.4% of women
#726e57 Tritanomaly 0.01% of the population

#686e21 hex color

#686e21 Color Information

#686e21 Color Conversion

Color Schemes with #686e21

Alternatives to #686e21

#686e21 Preview

Shades and Tints of #686e21

Tones of #686e21

Color Blindness Simulator