#686b16 hex color

In a RGB color space, hex #686b16 is composed of 40.8% red, 42% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 79.4% yellow and 58% black. It has a hue angle of 62.1 degrees, a saturation of 65.9% and a lightness of 25.3%. #686b16 color hex could be obtained by blending #d0d62c with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686b16 has RGB values of R:104, G:107, B:22 and CMYK values of C:0.03, M:0, Y:0.79, K:0.58. Its decimal value is 6843158.

Hex triplet	686b16	`#686b16`
RGB Decimal	104, 107, 22	`rgb(104,107,22)`
RGB Percent	40.8, 42, 8.6	`rgb(40.8%,42%,8.6%)`
CMYK	3, 0, 79, 58
HSL	62.1°, 65.9, 25.3	`hsl(62.1,65.9%,25.3%)`
HSV (or HSB)	62.1°, 79.4, 42
Web Safe	666600	`#666600`

CIE-LAB	43.531, -12.119, 43.729
XYZ	11.111, 13.517, 2.783
xyY	0.405, 0.493, 13.517
CIE-LCH	43.531, 45.378, 105.49
CIE-LUV	43.531, 1.233, 44.775
Hunter-Lab	36.765, -10.39, 21.248
Binary	01101000, 01101011, 00010110

#686b16
```
#686b16 rgb(104,107,22)
```
#19166b
```
#19166b rgb(25,22,107)
```

Complementary Color

#6b4416
```
#6b4416 rgb(107,68,22)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#3e6b16
```
#3e6b16 rgb(62,107,22)
```

Analogous Color

#44166b
```
#44166b rgb(68,22,107)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#163e6b
```
#163e6b rgb(22,62,107)
```

Split Complementary Color

#6b1668
```
#6b1668 rgb(107,22,104)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#16686b
```
#16686b rgb(22,104,107)
```

Triadic Color

#6b1916
```
#6b1916 rgb(107,25,22)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#16686b
```
#16686b rgb(22,104,107)
```
#19166b
```
#19166b rgb(25,22,107)
```

Tetradic Color

#2a2c09
```
#2a2c09 rgb(42,44,9)
```
#3f410d
```
#3f410d rgb(63,65,13)
```
#535612
```
#535612 rgb(83,86,18)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#7d801a
```
#7d801a rgb(125,128,26)
```
#91951f
```
#91951f rgb(145,149,31)
```
#a6aa23
```
#a6aa23 rgb(166,170,35)
```

Monochromatic Color

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

#6b5916
```
#6b5916 rgb(107,89,22)
```
#6b6016
```
#6b6016 rgb(107,96,22)
```
#6b6716
```
#6b6716 rgb(107,103,22)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#616b16
```
#616b16 rgb(97,107,22)
```
#5a6b16
```
#5a6b16 rgb(90,107,22)
```
#536b16
```
#536b16 rgb(83,107,22)
```

Similar Colors

Text with hexadecimal color #686b16

This text has a font color of #686b16.

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

#686b16 background color

This paragraph has a background color of #686b16.

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

#686b16 border color

This element has a border color of #686b16.

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

CSS codes

.text {color:#686b16;}

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

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

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

#090902
```
#090902 rgb(9,9,2)
```
#191a05
```
#191a05 rgb(25,26,5)
```
#292a09
```
#292a09 rgb(41,42,9)
```
#393a0c
```
#393a0c rgb(57,58,12)
```
#484a0f
```
#484a0f rgb(72,74,15)
```
#585b13
```
#585b13 rgb(88,91,19)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#787b19
```
#787b19 rgb(120,123,25)
```
#888c1d
```
#888c1d rgb(136,140,29)
```
#979c20
```
#979c20 rgb(151,156,32)
```
#a7ac23
```
#a7ac23 rgb(167,172,35)
```
#b7bc27
```
#b7bc27 rgb(183,188,39)
```
#c7cd2a
```
#c7cd2a rgb(199,205,42)
```

Shade Color Variation

#d0d535
```
#d0d535 rgb(208,213,53)
```
#d4d945
```
#d4d945 rgb(212,217,69)
```
#d7dc55
```
#d7dc55 rgb(215,220,85)
```
#dbdf66
```
#dbdf66 rgb(219,223,102)
```
#dfe376
```
#dfe376 rgb(223,227,118)
```
#e3e686
```
#e3e686 rgb(227,230,134)
```
#e7ea96
```
#e7ea96 rgb(231,234,150)
```
#eaeda7
```
#eaeda7 rgb(234,237,167)
```
#eef0b7
```
#eef0b7 rgb(238,240,183)
```
#f2f4c7
```
#f2f4c7 rgb(242,244,199)
```
#f6f7d8
```
#f6f7d8 rgb(246,247,216)
```
#fafae8
```
#fafae8 rgb(250,250,232)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

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

#43433e
```
#43433e rgb(67,67,62)
```
#484839
```
#484839 rgb(72,72,57)
```
#4c4d34
```
#4c4d34 rgb(76,77,52)
```
#51522f
```
#51522f rgb(81,82,47)
```
#56572a
```
#56572a rgb(86,87,42)
```
#5a5c25
```
#5a5c25 rgb(90,92,37)
```
#5f6120
```
#5f6120 rgb(95,97,32)
```
#63661b
```
#63661b rgb(99,102,27)
```
#686b16
```
#686b16 rgb(104,107,22)
```
#6d7011
```
#6d7011 rgb(109,112,17)
```
#71750c
```
#71750c rgb(113,117,12)
```
#767a07
```
#767a07 rgb(118,122,7)
```
#7a7f02
```
#7a7f02 rgb(122,127,2)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#626251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e21 Protanopia 1% of men
#896926 Deuteranopia 1% of men
#776b73 Tritanopia 0.001% of the population

Trichromacy

#746d1d Protanomaly 1% of men, 0.01% of women
#7d6a20 Deuteranomaly 6% of men, 0.4% of women
#726b51 Tritanomaly 0.01% of the population

#686b16 hex color

#686b16 Color Information

#686b16 Color Conversion

Color Schemes with #686b16

Alternatives to #686b16

#686b16 Preview

Shades and Tints of #686b16

Tones of #686b16

Color Blindness Simulator