#686b1e hex color

In a RGB color space, hex #686b1e is composed of 40.8% red, 42% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 72% yellow and 58% black. It has a hue angle of 62.3 degrees, a saturation of 56.2% and a lightness of 26.9%. #686b1e color hex could be obtained by blending #d0d63c with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686b1e has RGB values of R:104, G:107, B:30 and CMYK values of C:0.03, M:0, Y:0.72, K:0.58. Its decimal value is 6843166.

Hex triplet	686b1e	`#686b1e`
RGB Decimal	104, 107, 30	`rgb(104,107,30)`
RGB Percent	40.8, 42, 11.8	`rgb(40.8%,42%,11.8%)`
CMYK	3, 0, 72, 58
HSL	62.3°, 56.2, 26.9	`hsl(62.3,56.2%,26.9%)`
HSV (or HSB)	62.3°, 72, 42
Web Safe	666633	`#666633`

CIE-LAB	43.584, -11.69, 40.665
XYZ	11.201, 13.552, 3.254
xyY	0.4, 0.484, 13.552
CIE-LCH	43.584, 42.312, 106.039
CIE-LUV	43.584, 1.108, 42.82
Hunter-Lab	36.813, -10.113, 20.529
Binary	01101000, 01101011, 00011110

#686b1e
```
#686b1e rgb(104,107,30)
```
#211e6b
```
#211e6b rgb(33,30,107)
```

Complementary Color

#6b481e
```
#6b481e rgb(107,72,30)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#426b1e
```
#426b1e rgb(66,107,30)
```

Analogous Color

#481e6b
```
#481e6b rgb(72,30,107)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#1e426b
```
#1e426b rgb(30,66,107)
```

Split Complementary Color

#6b1e68
```
#6b1e68 rgb(107,30,104)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#1e686b
```
#1e686b rgb(30,104,107)
```

Triadic Color

#6b211e
```
#6b211e rgb(107,33,30)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#1e686b
```
#1e686b rgb(30,104,107)
```
#211e6b
```
#211e6b rgb(33,30,107)
```

Tetradic Color

#2e2f0d
```
#2e2f0d rgb(46,47,13)
```
#414313
```
#414313 rgb(65,67,19)
```
#555718
```
#555718 rgb(85,87,24)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#7b7f24
```
#7b7f24 rgb(123,127,36)
```
#8f9329
```
#8f9329 rgb(143,147,41)
```
#a2a72f
```
#a2a72f rgb(162,167,47)
```

Monochromatic Color

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

#6b5b1e
```
#6b5b1e rgb(107,91,30)
```
#6b611e
```
#6b611e rgb(107,97,30)
```
#6b681e
```
#6b681e rgb(107,104,30)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#626b1e
```
#626b1e rgb(98,107,30)
```
#5b6b1e
```
#5b6b1e rgb(91,107,30)
```
#556b1e
```
#556b1e rgb(85,107,30)
```

Similar Colors

Text with hexadecimal color #686b1e

This text has a font color of #686b1e.

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

#686b1e background color

This paragraph has a background color of #686b1e.

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

#686b1e border color

This element has a border color of #686b1e.

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

CSS codes

.text {color:#686b1e;}

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

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

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

#0f0f04
```
#0f0f04 rgb(15,15,4)
```
#1e1e09
```
#1e1e09 rgb(30,30,9)
```
#2c2e0d
```
#2c2e0d rgb(44,46,13)
```
#3b3d11
```
#3b3d11 rgb(59,61,17)
```
#4a4c15
```
#4a4c15 rgb(74,76,21)
```
#595c1a
```
#595c1a rgb(89,92,26)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#777a22
```
#777a22 rgb(119,122,34)
```
#868a27
```
#868a27 rgb(134,138,39)
```
#95992b
```
#95992b rgb(149,153,43)
```
#a4a82f
```
#a4a82f rgb(164,168,47)
```
#b2b833
```
#b2b833 rgb(178,184,51)
```
#c1c738
```
#c1c738 rgb(193,199,56)
```

Shade Color Variation

#c6cb47
```
#c6cb47 rgb(198,203,71)
```
#cbd056
```
#cbd056 rgb(203,208,86)
```
#d0d466
```
#d0d466 rgb(208,212,102)
```
#d4d875
```
#d4d875 rgb(212,216,117)
```
#d9dd84
```
#d9dd84 rgb(217,221,132)
```
#dee194
```
#dee194 rgb(222,225,148)
```
#e3e5a3
```
#e3e5a3 rgb(227,229,163)
```
#e7e9b2
```
#e7e9b2 rgb(231,233,178)
```
#eceec1
```
#eceec1 rgb(236,238,193)
```
#f1f2d1
```
#f1f2d1 rgb(241,242,209)
```
#f5f6e0
```
#f5f6e0 rgb(245,246,224)
```
#fafbef
```
#fafbef rgb(250,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#464643
```
#464643 rgb(70,70,67)
```
#4b4b3e
```
#4b4b3e rgb(75,75,62)
```
#505138
```
#505138 rgb(80,81,56)
```
#555633
```
#555633 rgb(85,86,51)
```
#595b2e
```
#595b2e rgb(89,91,46)
```
#5e6029
```
#5e6029 rgb(94,96,41)
```
#636623
```
#636623 rgb(99,102,35)
```
#686b1e
```
#686b1e rgb(104,107,30)
```
#6d7019
```
#6d7019 rgb(109,112,25)
```
#727613
```
#727613 rgb(114,118,19)
```
#777b0e
```
#777b0e rgb(119,123,14)
```
#7b8009
```
#7b8009 rgb(123,128,9)
```
#808504
```
#808504 rgb(128,133,4)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#626354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f28 Protanopia 1% of men
#88692d Deuteranopia 1% of men
#776b73 Tritanopia 0.001% of the population

Trichromacy

#746d24 Protanomaly 1% of men, 0.01% of women
#7c6a27 Deuteranomaly 6% of men, 0.4% of women
#716b54 Tritanomaly 0.01% of the population

#686b1e hex color

#686b1e Color Information

#686b1e Color Conversion

Color Schemes with #686b1e

Alternatives to #686b1e

#686b1e Preview

Shades and Tints of #686b1e

Tones of #686b1e

Color Blindness Simulator