#686e16 hex color

In a RGB color space, hex #686e16 is composed of 40.8% red, 43.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 80% yellow and 56.9% black. It has a hue angle of 64.1 degrees, a saturation of 66.7% and a lightness of 25.9%. #686e16 color hex could be obtained by blending #d0dc2c with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686e16 has RGB values of R:104, G:110, B:22 and CMYK values of C:0.05, M:0, Y:0.8, K:0.57. Its decimal value is 6843926.

Hex triplet	686e16	`#686e16`
RGB Decimal	104, 110, 22	`rgb(104,110,22)`
RGB Percent	40.8, 43.1, 8.6	`rgb(40.8%,43.1%,8.6%)`
CMYK	5, 0, 80, 57
HSL	64.1°, 66.7, 25.9	`hsl(64.1,66.7%,25.9%)`
HSV (or HSB)	64.1°, 80, 43.1
Web Safe	666600	`#666600`

CIE-LAB	44.451, -13.773, 44.577
XYZ	11.43, 14.153, 2.889
xyY	0.401, 0.497, 14.153
CIE-LCH	44.451, 46.656, 107.169
CIE-LUV	44.451, -0.64, 46.102
Hunter-Lab	37.62, -11.605, 21.782
Binary	01101000, 01101110, 00010110

#686e16
```
#686e16 rgb(104,110,22)
```
#1c166e
```
#1c166e rgb(28,22,110)
```

Complementary Color

#6e4816
```
#6e4816 rgb(110,72,22)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#3c6e16
```
#3c6e16 rgb(60,110,22)
```

Analogous Color

#48166e
```
#48166e rgb(72,22,110)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#163c6e
```
#163c6e rgb(22,60,110)
```

Split Complementary Color

#6e1668
```
#6e1668 rgb(110,22,104)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#16686e
```
#16686e rgb(22,104,110)
```

Triadic Color

#6e1c16
```
#6e1c16 rgb(110,28,22)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#16686e
```
#16686e rgb(22,104,110)
```
#1c166e
```
#1c166e rgb(28,22,110)
```

Tetradic Color

#2c2e09
```
#2c2e09 rgb(44,46,9)
```
#40440e
```
#40440e rgb(64,68,14)
```
#545912
```
#545912 rgb(84,89,18)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#7c831a
```
#7c831a rgb(124,131,26)
```
#90991f
```
#90991f rgb(144,153,31)
```
#a4ae23
```
#a4ae23 rgb(164,174,35)
```

Monochromatic Color

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

#6e5e16
```
#6e5e16 rgb(110,94,22)
```
#6e6516
```
#6e6516 rgb(110,101,22)
```
#6e6d16
```
#6e6d16 rgb(110,109,22)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#616e16
```
#616e16 rgb(97,110,22)
```
#596e16
```
#596e16 rgb(89,110,22)
```
#526e16
```
#526e16 rgb(82,110,22)
```

Similar Colors

Text with hexadecimal color #686e16

This text has a font color of #686e16.

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

#686e16 background color

This paragraph has a background color of #686e16.

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

#686e16 border color

This element has a border color of #686e16.

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

CSS codes

.text {color:#686e16;}

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

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1b1c06
```
#1b1c06 rgb(27,28,6)
```
#2a2d09
```
#2a2d09 rgb(42,45,9)
```
#3a3d0c
```
#3a3d0c rgb(58,61,12)
```
#494d0f
```
#494d0f rgb(73,77,15)
```
#595e13
```
#595e13 rgb(89,94,19)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#777e19
```
#777e19 rgb(119,126,25)
```
#878f1d
```
#878f1d rgb(135,143,29)
```
#969f20
```
#969f20 rgb(150,159,32)
```
#a6af23
```
#a6af23 rgb(166,175,35)
```
#b5c026
```
#b5c026 rgb(181,192,38)
```
#c5d02a
```
#c5d02a rgb(197,208,42)
```

Shade Color Variation

#ccd736
```
#ccd736 rgb(204,215,54)
```
#d0da47
```
#d0da47 rgb(208,218,71)
```
#d4dd57
```
#d4dd57 rgb(212,221,87)
```
#d8e167
```
#d8e167 rgb(216,225,103)
```
#dde478
```
#dde478 rgb(221,228,120)
```
#e1e788
```
#e1e788 rgb(225,231,136)
```
#e5eb99
```
#e5eb99 rgb(229,235,153)
```
#e9eea9
```
#e9eea9 rgb(233,238,169)
```
#edf1b9
```
#edf1b9 rgb(237,241,185)
```
#f1f4ca
```
#f1f4ca rgb(241,244,202)
```
#f6f8da
```
#f6f8da rgb(246,248,218)
```
#fafbea
```
#fafbea rgb(250,251,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#45453f
```
#45453f rgb(69,69,63)
```
#494a3a
```
#494a3a rgb(73,74,58)
```
#4e5034
```
#4e5034 rgb(78,80,52)
```
#52552f
```
#52552f rgb(82,85,47)
```
#565a2a
```
#565a2a rgb(86,90,42)
```
#5b5f25
```
#5b5f25 rgb(91,95,37)
```
#5f6420
```
#5f6420 rgb(95,100,32)
```
#64691b
```
#64691b rgb(100,105,27)
```
#686e16
```
#686e16 rgb(104,110,22)
```
#6c7311
```
#6c7311 rgb(108,115,17)
```
#71780c
```
#71780c rgb(113,120,12)
```
#757d07
```
#757d07 rgb(117,125,7)
```
#7a8202
```
#7a8202 rgb(122,130,2)
```

Tone Color Variation

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

Dichromacy

#7e7120 Protanopia 1% of men
#8c6b27 Deuteranopia 1% of men
#786e75 Tritanopia 0.001% of the population

Trichromacy

#766f1c Protanomaly 1% of men, 0.01% of women
#7e6c21 Deuteranomaly 6% of men, 0.4% of women
#726e53 Tritanomaly 0.01% of the population

#686e16 hex color

#686e16 Color Information

#686e16 Color Conversion

Color Schemes with #686e16

Alternatives to #686e16

#686e16 Preview

Shades and Tints of #686e16

Tones of #686e16

Color Blindness Simulator