#686a2c hex color

In a RGB color space, hex #686a2c is composed of 40.8% red, 41.6% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 58.5% yellow and 58.4% black. It has a hue angle of 61.9 degrees, a saturation of 41.3% and a lightness of 29.4%. #686a2c color hex could be obtained by blending #d0d458 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686a2c has RGB values of R:104, G:106, B:44 and CMYK values of C:0.02, M:0, Y:0.58, K:0.58. Its decimal value is 6842924.

Hex triplet	686a2c	`#686a2c`
RGB Decimal	104, 106, 44	`rgb(104,106,44)`
RGB Percent	40.8, 41.6, 17.3	`rgb(40.8%,41.6%,17.3%)`
CMYK	2, 0, 58, 58
HSL	61.9°, 41.3, 29.4	`hsl(61.9,41.3%,29.4%)`
HSV (or HSB)	61.9°, 58.5, 41.6
Web Safe	666633	`#666633`

CIE-LAB	43.409, -10.088, 33.904
XYZ	11.318, 13.433, 4.379
xyY	0.389, 0.461, 13.433
CIE-LCH	43.409, 35.373, 106.57
CIE-LUV	43.409, 1.418, 37.653
Hunter-Lab	36.651, -9.021, 18.571
Binary	01101000, 01101010, 00101100

#686a2c
```
#686a2c rgb(104,106,44)
```
#2e2c6a
```
#2e2c6a rgb(46,44,106)
```

Complementary Color

#6a4d2c
```
#6a4d2c rgb(106,77,44)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#496a2c
```
#496a2c rgb(73,106,44)
```

Analogous Color

#4d2c6a
```
#4d2c6a rgb(77,44,106)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#2c496a
```
#2c496a rgb(44,73,106)
```

Split Complementary Color

#6a2c68
```
#6a2c68 rgb(106,44,104)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#2c686a
```
#2c686a rgb(44,104,106)
```

Triadic Color

#6a2e2c
```
#6a2e2c rgb(106,46,44)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#2c686a
```
#2c686a rgb(44,104,106)
```
#2e2c6a
```
#2e2c6a rgb(46,44,106)
```

Tetradic Color

#333416
```
#333416 rgb(51,52,22)
```
#45461d
```
#45461d rgb(69,70,29)
```
#565825
```
#565825 rgb(86,88,37)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#7a7c33
```
#7a7c33 rgb(122,124,51)
```
#8b8e3b
```
#8b8e3b rgb(139,142,59)
```
#9da042
```
#9da042 rgb(157,160,66)
```

Monochromatic Color

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

#6a5d2c
```
#6a5d2c rgb(106,93,44)
```
#6a622c
```
#6a622c rgb(106,98,44)
```
#6a672c
```
#6a672c rgb(106,103,44)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#636a2c
```
#636a2c rgb(99,106,44)
```
#5e6a2c
```
#5e6a2c rgb(94,106,44)
```
#596a2c
```
#596a2c rgb(89,106,44)
```

Similar Colors

Text with hexadecimal color #686a2c

This text has a font color of #686a2c.

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

#686a2c background color

This paragraph has a background color of #686a2c.

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

#686a2c border color

This element has a border color of #686a2c.

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

CSS codes

.text {color:#686a2c;}

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

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

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

#090904
```
#090904 rgb(9,9,4)
```
#161709
```
#161709 rgb(22,23,9)
```
#24250f
```
#24250f rgb(36,37,15)
```
#323315
```
#323315 rgb(50,51,21)
```
#3f401b
```
#3f401b rgb(63,64,27)
```
#4d4e20
```
#4d4e20 rgb(77,78,32)
```
#5a5c26
```
#5a5c26 rgb(90,92,38)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#767832
```
#767832 rgb(118,120,50)
```
#838638
```
#838638 rgb(131,134,56)
```
#91943d
```
#91943d rgb(145,148,61)
```
#9ea143
```
#9ea143 rgb(158,161,67)
```
#acaf49
```
#acaf49 rgb(172,175,73)
```

Shade Color Variation

#b5b854
```
#b5b854 rgb(181,184,84)
```
#bbbe62
```
#bbbe62 rgb(187,190,98)
```
#c1c36f
```
#c1c36f rgb(193,195,111)
```
#c7c97d
```
#c7c97d rgb(199,201,125)
```
#cdcf8b
```
#cdcf8b rgb(205,207,139)
```
#d3d599
```
#d3d599 rgb(211,213,153)
```
#d9daa7
```
#d9daa7 rgb(217,218,167)
```
#dfe0b5
```
#dfe0b5 rgb(223,224,181)
```
#e5e6c3
```
#e5e6c3 rgb(229,230,195)
```
#ebecd1
```
#ebecd1 rgb(235,236,209)
```
#f1f1de
```
#f1f1de rgb(241,241,222)
```
#f7f7ec
```
#f7f7ec rgb(247,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#4d4d49
```
#4d4d49 rgb(77,77,73)
```
#525343
```
#525343 rgb(82,83,67)
```
#58593d
```
#58593d rgb(88,89,61)
```
#5d5e38
```
#5d5e38 rgb(93,94,56)
```
#636432
```
#636432 rgb(99,100,50)
```
#686a2c
```
#686a2c rgb(104,106,44)
```
#6d7026
```
#6d7026 rgb(109,112,38)
```
#737620
```
#737620 rgb(115,118,32)
```
#787b1b
```
#787b1b rgb(120,123,27)
```
#7e8115
```
#7e8115 rgb(126,129,21)
```
#83870f
```
#83870f rgb(131,135,15)
```
#888d09
```
#888d09 rgb(136,141,9)
```
#8e9204
```
#8e9204 rgb(142,146,4)
```

Tone Color Variation

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

Dichromacy

#7a6e36 Protanopia 1% of men
#866939 Deuteranopia 1% of men
#766b72 Tritanopia 0.001% of the population

Trichromacy

#736c32 Protanomaly 1% of men, 0.01% of women
#7b6934 Deuteranomaly 6% of men, 0.4% of women
#716a59 Tritanomaly 0.01% of the population

#686a2c hex color

#686a2c Color Information

#686a2c Color Conversion

Color Schemes with #686a2c

Alternatives to #686a2c

#686a2c Preview

Shades and Tints of #686a2c

Tones of #686a2c

Color Blindness Simulator