#686b18 hex color

In a RGB color space, hex #686b18 is composed of 40.8% red, 42% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 77.6% yellow and 58% black. It has a hue angle of 62.2 degrees, a saturation of 63.4% and a lightness of 25.7%. #686b18 color hex could be obtained by blending #d0d630 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686b18 has RGB values of R:104, G:107, B:24 and CMYK values of C:0.03, M:0, Y:0.78, K:0.58. Its decimal value is 6843160.

Hex triplet	686b18	`#686b18`
RGB Decimal	104, 107, 24	`rgb(104,107,24)`
RGB Percent	40.8, 42, 9.4	`rgb(40.8%,42%,9.4%)`
CMYK	3, 0, 78, 58
HSL	62.2°, 63.4, 25.7	`hsl(62.2,63.4%,25.7%)`
HSV (or HSB)	62.2°, 77.6, 42
Web Safe	666600	`#666600`

CIE-LAB	43.543, -12.023, 43.014
XYZ	11.131, 13.525, 2.888
xyY	0.404, 0.491, 13.525
CIE-LCH	43.543, 44.663, 105.616
CIE-LUV	43.543, 1.205, 44.334
Hunter-Lab	36.776, -10.328, 21.087
Binary	01101000, 01101011, 00011000

#686b18
```
#686b18 rgb(104,107,24)
```
#1b186b
```
#1b186b rgb(27,24,107)
```

Complementary Color

#6b4518
```
#6b4518 rgb(107,69,24)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#3f6b18
```
#3f6b18 rgb(63,107,24)
```

Analogous Color

#45186b
```
#45186b rgb(69,24,107)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#183f6b
```
#183f6b rgb(24,63,107)
```

Split Complementary Color

#6b1868
```
#6b1868 rgb(107,24,104)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#18686b
```
#18686b rgb(24,104,107)
```

Triadic Color

#6b1b18
```
#6b1b18 rgb(107,27,24)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#18686b
```
#18686b rgb(24,104,107)
```
#1b186b
```
#1b186b rgb(27,24,107)
```

Tetradic Color

#2b2d0a
```
#2b2d0a rgb(43,45,10)
```
#40410f
```
#40410f rgb(64,65,15)
```
#545613
```
#545613 rgb(84,86,19)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#7c801d
```
#7c801d rgb(124,128,29)
```
#909521
```
#909521 rgb(144,149,33)
```
#a5a926
```
#a5a926 rgb(165,169,38)
```

Monochromatic Color

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

#6b5918
```
#6b5918 rgb(107,89,24)
```
#6b6018
```
#6b6018 rgb(107,96,24)
```
#6b6718
```
#6b6718 rgb(107,103,24)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#616b18
```
#616b18 rgb(97,107,24)
```
#5a6b18
```
#5a6b18 rgb(90,107,24)
```
#536b18
```
#536b18 rgb(83,107,24)
```

Similar Colors

Text with hexadecimal color #686b18

This text has a font color of #686b18.

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

#686b18 background color

This paragraph has a background color of #686b18.

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

#686b18 border color

This element has a border color of #686b18.

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

CSS codes

.text {color:#686b18;}

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

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

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

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1a1b06
```
#1a1b06 rgb(26,27,6)
```
#2a2b0a
```
#2a2b0a rgb(42,43,10)
```
#393b0d
```
#393b0d rgb(57,59,13)
```
#494b11
```
#494b11 rgb(73,75,17)
```
#585b14
```
#585b14 rgb(88,91,20)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#787b1c
```
#787b1c rgb(120,123,28)
```
#878b1f
```
#878b1f rgb(135,139,31)
```
#979b23
```
#979b23 rgb(151,155,35)
```
#a6ab26
```
#a6ab26 rgb(166,171,38)
```
#b6bb2a
```
#b6bb2a rgb(182,187,42)
```
#c5cb2e
```
#c5cb2e rgb(197,203,46)
```

Shade Color Variation

#cdd33a
```
#cdd33a rgb(205,211,58)
```
#d1d64a
```
#d1d64a rgb(209,214,74)
```
#d5da5a
```
#d5da5a rgb(213,218,90)
```
#d9de6a
```
#d9de6a rgb(217,222,106)
```
#dde17a
```
#dde17a rgb(221,225,122)
```
#e1e58a
```
#e1e58a rgb(225,229,138)
```
#e5e89a
```
#e5e89a rgb(229,232,154)
```
#e9ecaa
```
#e9ecaa rgb(233,236,170)
```
#eeefba
```
#eeefba rgb(238,239,186)
```
#f2f3ca
```
#f2f3ca rgb(242,243,202)
```
#f6f7da
```
#f6f7da rgb(246,247,218)
```
#fafaea
```
#fafaea rgb(250,250,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#434340
```
#434340 rgb(67,67,64)
```
#47483b
```
#47483b rgb(71,72,59)
```
#4c4d36
```
#4c4d36 rgb(76,77,54)
```
#515231
```
#515231 rgb(81,82,49)
```
#55572c
```
#55572c rgb(85,87,44)
```
#5a5c27
```
#5a5c27 rgb(90,92,39)
```
#5f6122
```
#5f6122 rgb(95,97,34)
```
#63661d
```
#63661d rgb(99,102,29)
```
#686b18
```
#686b18 rgb(104,107,24)
```
#6d7013
```
#6d7013 rgb(109,112,19)
```
#71750e
```
#71750e rgb(113,117,14)
```
#767a09
```
#767a09 rgb(118,122,9)
```
#7b7f04
```
#7b7f04 rgb(123,127,4)
```

Tone Color Variation

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

Dichromacy

#7b6f23 Protanopia 1% of men
#896928 Deuteranopia 1% of men
#776b73 Tritanopia 0.001% of the population

Trichromacy

#746d1f Protanomaly 1% of men, 0.01% of women
#7d6a22 Deuteranomaly 6% of men, 0.4% of women
#716b51 Tritanomaly 0.01% of the population

#686b18 hex color

#686b18 Color Information

#686b18 Color Conversion

Color Schemes with #686b18

Alternatives to #686b18

#686b18 Preview

Shades and Tints of #686b18

Tones of #686b18

Color Blindness Simulator