#686421 hex color

In a RGB color space, hex #686421 is composed of 40.8% red, 39.2% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.8% magenta, 68.3% yellow and 59.2% black. It has a hue angle of 56.6 degrees, a saturation of 51.8% and a lightness of 26.9%. #686421 color hex could be obtained by blending #d0c842 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 39
- B 13
RGB color chart
- C 0
- M 4
- Y 68
- K 59
CMYK color chart

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

The hexadecimal color #686421 has RGB values of R:104, G:100, B:33 and CMYK values of C:0, M:0.04, Y:0.68, K:0.59. Its decimal value is 6841377.

Hex triplet	686421	`#686421`
RGB Decimal	104, 100, 33	`rgb(104,100,33)`
RGB Percent	40.8, 39.2, 12.9	`rgb(40.8%,39.2%,12.9%)`
CMYK	0, 4, 68, 59
HSL	56.6°, 51.8, 26.9	`hsl(56.6,51.8%,26.9%)`
HSV (or HSB)	56.6°, 68.3, 40.8
Web Safe	666633	`#666633`

CIE-LAB	41.481, -7.541, 37.18
XYZ	10.541, 12.167, 3.232
xyY	0.406, 0.469, 12.167
CIE-LCH	41.481, 37.937, 101.466
CIE-LUV	41.481, 5.455, 38.705
Hunter-Lab	34.882, -7.104, 18.924
Binary	01101000, 01100100, 00100001

#686421
```
#686421 rgb(104,100,33)
```
#212568
```
#212568 rgb(33,37,104)
```

Complementary Color

#684121
```
#684121 rgb(104,65,33)
```
#686421
```
#686421 rgb(104,100,33)
```
#496821
```
#496821 rgb(73,104,33)
```

Analogous Color

#412168
```
#412168 rgb(65,33,104)
```
#686421
```
#686421 rgb(104,100,33)
```
#214968
```
#214968 rgb(33,73,104)
```

Split Complementary Color

#642168
```
#642168 rgb(100,33,104)
```
#686421
```
#686421 rgb(104,100,33)
```
#216864
```
#216864 rgb(33,104,100)
```

Triadic Color

#682125
```
#682125 rgb(104,33,37)
```
#686421
```
#686421 rgb(104,100,33)
```
#216864
```
#216864 rgb(33,104,100)
```
#212568
```
#212568 rgb(33,37,104)
```

Tetradic Color

#2e2c0f
```
#2e2c0f rgb(46,44,15)
```
#413f15
```
#413f15 rgb(65,63,21)
```
#55511b
```
#55511b rgb(85,81,27)
```
#686421
```
#686421 rgb(104,100,33)
```
#7b7727
```
#7b7727 rgb(123,119,39)
```
#8f892d
```
#8f892d rgb(143,137,45)
```
#a29c33
```
#a29c33 rgb(162,156,51)
```

Monochromatic Color

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

#685221
```
#685221 rgb(104,82,33)
```
#685821
```
#685821 rgb(104,88,33)
```
#685e21
```
#685e21 rgb(104,94,33)
```
#686421
```
#686421 rgb(104,100,33)
```
#666821
```
#666821 rgb(102,104,33)
```
#606821
```
#606821 rgb(96,104,33)
```
#5a6821
```
#5a6821 rgb(90,104,33)
```

Similar Colors

Text with hexadecimal color #686421

This text has a font color of #686421.

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

#686421 background color

This paragraph has a background color of #686421.

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

#686421 border color

This element has a border color of #686421.

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

CSS codes

.text {color:#686421;}

.background {background-color:#686421;}

.border {border:1px solid #686421;}

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

#0f0e05
```
#0f0e05 rgb(15,14,5)
```
#1e1c09
```
#1e1c09 rgb(30,28,9)
```
#2c2b0e
```
#2c2b0e rgb(44,43,14)
```
#3b3913
```
#3b3913 rgb(59,57,19)
```
#4a4718
```
#4a4718 rgb(74,71,24)
```
#59561c
```
#59561c rgb(89,86,28)
```
#686421
```
#686421 rgb(104,100,33)
```
#777226
```
#777226 rgb(119,114,38)
```
#86812a
```
#86812a rgb(134,129,42)
```
#958f2f
```
#958f2f rgb(149,143,47)
```
#a49d34
```
#a49d34 rgb(164,157,52)
```
#b2ac39
```
#b2ac39 rgb(178,172,57)
```
#c1ba3d
```
#c1ba3d rgb(193,186,61)
```

Shade Color Variation

#c6bf4c
```
#c6bf4c rgb(198,191,76)
```
#cbc55b
```
#cbc55b rgb(203,197,91)
```
#d0ca6a
```
#d0ca6a rgb(208,202,106)
```
#d4cf79
```
#d4cf79 rgb(212,207,121)
```
#d9d588
```
#d9d588 rgb(217,213,136)
```
#deda97
```
#deda97 rgb(222,218,151)
```
#e3dfa5
```
#e3dfa5 rgb(227,223,165)
```
#e7e4b4
```
#e7e4b4 rgb(231,228,180)
```
#eceac3
```
#eceac3 rgb(236,234,195)
```
#f1efd2
```
#f1efd2 rgb(241,239,210)
```
#f5f4e1
```
#f5f4e1 rgb(245,244,225)
```
#fafaf0
```
#fafaf0 rgb(250,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#484841
```
#484841 rgb(72,72,65)
```
#4e4d3b
```
#4e4d3b rgb(78,77,59)
```
#535136
```
#535136 rgb(83,81,54)
```
#585631
```
#585631 rgb(88,86,49)
```
#5d5b2c
```
#5d5b2c rgb(93,91,44)
```
#635f26
```
#635f26 rgb(99,95,38)
```
#686421
```
#686421 rgb(104,100,33)
```
#6d691c
```
#6d691c rgb(109,105,28)
```
#736d16
```
#736d16 rgb(115,109,22)
```
#787211
```
#787211 rgb(120,114,17)
```
#7d770c
```
#7d770c rgb(125,119,12)
```
#827b07
```
#827b07 rgb(130,123,7)
```
#888001
```
#888001 rgb(136,128,1)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#605f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a2c Protanopia 1% of men
#82652f Deuteranopia 1% of men
#76656c Tritanopia 0.001% of the population

Trichromacy

#706728 Protanomaly 1% of men, 0.01% of women
#78642a Deuteranomaly 6% of men, 0.4% of women
#716551 Tritanomaly 0.01% of the population

#686421 hex color

#686421 Color Information

#686421 Color Conversion

Color Schemes with #686421

Alternatives to #686421

#686421 Preview

Shades and Tints of #686421

Tones of #686421

Color Blindness Simulator