#686216 hex color

In a RGB color space, hex #686216 is composed of 40.8% red, 38.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.8% magenta, 78.8% yellow and 59.2% black. It has a hue angle of 55.6 degrees, a saturation of 65.1% and a lightness of 24.7%. #686216 color hex could be obtained by blending #d0c42c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 38
- B 9
RGB color chart
- C 0
- M 6
- Y 79
- K 59
CMYK color chart

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

The hexadecimal color #686216 has RGB values of R:104, G:98, B:22 and CMYK values of C:0, M:0.06, Y:0.79, K:0.59. Its decimal value is 6840854.

Hex triplet	686216	`#686216`
RGB Decimal	104, 98, 22	`rgb(104,98,22)`
RGB Percent	40.8, 38.4, 8.6	`rgb(40.8%,38.4%,8.6%)`
CMYK	0, 6, 79, 59
HSL	55.6°, 65.1, 24.7	`hsl(55.6,65.1%,24.7%)`
HSV (or HSB)	55.6°, 78.8, 40.8
Web Safe	666600	`#666600`

CIE-LAB	40.794, -7.031, 41.183
XYZ	10.221, 11.737, 2.486
xyY	0.418, 0.48, 11.737
CIE-LCH	40.794, 41.779, 99.688
CIE-LUV	40.794, 7.004, 40.787
Hunter-Lab	34.259, -6.695, 19.679
Binary	01101000, 01100010, 00010110

#686216
```
#686216 rgb(104,98,22)
```
#161c68
```
#161c68 rgb(22,28,104)
```

Complementary Color

#683916
```
#683916 rgb(104,57,22)
```
#686216
```
#686216 rgb(104,98,22)
```
#456816
```
#456816 rgb(69,104,22)
```

Analogous Color

#391668
```
#391668 rgb(57,22,104)
```
#686216
```
#686216 rgb(104,98,22)
```
#164568
```
#164568 rgb(22,69,104)
```

Split Complementary Color

#621668
```
#621668 rgb(98,22,104)
```
#686216
```
#686216 rgb(104,98,22)
```
#166862
```
#166862 rgb(22,104,98)
```

Triadic Color

#68161c
```
#68161c rgb(104,22,28)
```
#686216
```
#686216 rgb(104,98,22)
```
#166862
```
#166862 rgb(22,104,98)
```
#161c68
```
#161c68 rgb(22,28,104)
```

Tetradic Color

#292709
```
#292709 rgb(41,39,9)
```
#3e3a0d
```
#3e3a0d rgb(62,58,13)
```
#534e12
```
#534e12 rgb(83,78,18)
```
#686216
```
#686216 rgb(104,98,22)
```
#7d761a
```
#7d761a rgb(125,118,26)
```
#928a1f
```
#928a1f rgb(146,138,31)
```
#a79e23
```
#a79e23 rgb(167,158,35)
```

Monochromatic Color

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

#684e16
```
#684e16 rgb(104,78,22)
```
#685416
```
#685416 rgb(104,84,22)
```
#685b16
```
#685b16 rgb(104,91,22)
```
#686216
```
#686216 rgb(104,98,22)
```
#676816
```
#676816 rgb(103,104,22)
```
#606816
```
#606816 rgb(96,104,22)
```
#5a6816
```
#5a6816 rgb(90,104,22)
```

Similar Colors

Text with hexadecimal color #686216

This text has a font color of #686216.

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

#686216 background color

This paragraph has a background color of #686216.

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

#686216 border color

This element has a border color of #686216.

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

CSS codes

.text {color:#686216;}

.background {background-color:#686216;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#171605
```
#171605 rgb(23,22,5)
```
#272508
```
#272508 rgb(39,37,8)
```
#37340c
```
#37340c rgb(55,52,12)
```
#48430f
```
#48430f rgb(72,67,15)
```
#585313
```
#585313 rgb(88,83,19)
```
#686216
```
#686216 rgb(104,98,22)
```
#787119
```
#787119 rgb(120,113,25)
```
#88811d
```
#88811d rgb(136,129,29)
```
#999020
```
#999020 rgb(153,144,32)
```
#a99f24
```
#a99f24 rgb(169,159,36)
```
#b9ae27
```
#b9ae27 rgb(185,174,39)
```
#c9be2b
```
#c9be2b rgb(201,190,43)
```

Shade Color Variation

#d4c833
```
#d4c833 rgb(212,200,51)
```
#d7cd44
```
#d7cd44 rgb(215,205,68)
```
#dbd154
```
#dbd154 rgb(219,209,84)
```
#ded564
```
#ded564 rgb(222,213,100)
```
#e2da74
```
#e2da74 rgb(226,218,116)
```
#e5de84
```
#e5de84 rgb(229,222,132)
```
#e8e295
```
#e8e295 rgb(232,226,149)
```
#ece7a5
```
#ece7a5 rgb(236,231,165)
```
#efebb5
```
#efebb5 rgb(239,235,181)
```
#f3efc5
```
#f3efc5 rgb(243,239,197)
```
#f6f4d5
```
#f6f4d5 rgb(246,244,213)
```
#faf8e5
```
#faf8e5 rgb(250,248,229)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#41413d
```
#41413d rgb(65,65,61)
```
#464538
```
#464538 rgb(70,69,56)
```
#4b4933
```
#4b4933 rgb(75,73,51)
```
#504d2e
```
#504d2e rgb(80,77,46)
```
#555129
```
#555129 rgb(85,81,41)
```
#595625
```
#595625 rgb(89,86,37)
```
#5e5a20
```
#5e5a20 rgb(94,90,32)
```
#635e1b
```
#635e1b rgb(99,94,27)
```
#686216
```
#686216 rgb(104,98,22)
```
#6d6611
```
#6d6611 rgb(109,102,17)
```
#726a0c
```
#726a0c rgb(114,106,12)
```
#776e07
```
#776e07 rgb(119,110,7)
```
#7b7303
```
#7b7303 rgb(123,115,3)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#746821 Protanopia 1% of men
#816325 Deuteranopia 1% of men
#76636a Tritanopia 0.001% of the population

Trichromacy

#6f661d Protanomaly 1% of men, 0.01% of women
#78621f Deuteranomaly 6% of men, 0.4% of women
#71624b Tritanomaly 0.01% of the population

#686216 hex color

#686216 Color Information

#686216 Color Conversion

Color Schemes with #686216

Alternatives to #686216

#686216 Preview

Shades and Tints of #686216

Tones of #686216

Color Blindness Simulator