#686d0e hex color

In a RGB color space, hex #686d0e is composed of 40.8% red, 42.7% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 87.2% yellow and 57.3% black. It has a hue angle of 63.2 degrees, a saturation of 77.2% and a lightness of 24.1%. #686d0e color hex could be obtained by blending #d0da1c with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686d0e has RGB values of R:104, G:109, B:14 and CMYK values of C:0.05, M:0, Y:0.87, K:0.57. Its decimal value is 6843662.

Hex triplet	686d0e	`#686d0e`
RGB Decimal	104, 109, 14	`rgb(104,109,14)`
RGB Percent	40.8, 42.7, 5.5	`rgb(40.8%,42.7%,5.5%)`
CMYK	5, 0, 87, 57
HSL	63.2°, 77.2, 24.1	`hsl(63.2,77.2%,24.1%)`
HSV (or HSB)	63.2°, 87.2, 42.7
Web Safe	666600	`#666600`

CIE-LAB	44.107, -13.537, 46.729
XYZ	11.257, 13.912, 2.508
xyY	0.407, 0.503, 13.912
CIE-LCH	44.107, 48.65, 106.156
CIE-LUV	44.107, 0.066, 47.09
Hunter-Lab	37.299, -11.402, 22.123
Binary	01101000, 01101101, 00001110

#686d0e
```
#686d0e rgb(104,109,14)
```
#130e6d
```
#130e6d rgb(19,14,109)
```

Complementary Color

#6d430e
```
#6d430e rgb(109,67,14)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#396d0e
```
#396d0e rgb(57,109,14)
```

Analogous Color

#430e6d
```
#430e6d rgb(67,14,109)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#0e386d
```
#0e386d rgb(14,56,109)
```

Split Complementary Color

#6d0e68
```
#6d0e68 rgb(109,14,104)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#0e686d
```
#0e686d rgb(14,104,109)
```

Triadic Color

#6d130e
```
#6d130e rgb(109,19,14)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#0e686d
```
#0e686d rgb(14,104,109)
```
#130e6d
```
#130e6d rgb(19,14,109)
```

Tetradic Color

#272905
```
#272905 rgb(39,41,5)
```
#3d4008
```
#3d4008 rgb(61,64,8)
```
#52560b
```
#52560b rgb(82,86,11)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#7e8411
```
#7e8411 rgb(126,132,17)
```
#939a14
```
#939a14 rgb(147,154,20)
```
#a9b117
```
#a9b117 rgb(169,177,23)
```

Monochromatic Color

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

#6d5a0e
```
#6d5a0e rgb(109,90,14)
```
#6d620e
```
#6d620e rgb(109,98,14)
```
#6d6a0e
```
#6d6a0e rgb(109,106,14)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#606d0e
```
#606d0e rgb(96,109,14)
```
#586d0e
```
#586d0e rgb(88,109,14)
```
#506d0e
```
#506d0e rgb(80,109,14)
```

Similar Colors

Text with hexadecimal color #686d0e

This text has a font color of #686d0e.

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

#686d0e background color

This paragraph has a background color of #686d0e.

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

#686d0e border color

This element has a border color of #686d0e.

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

CSS codes

.text {color:#686d0e;}

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

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

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

#040501
```
#040501 rgb(4,5,1)
```
#151603
```
#151603 rgb(21,22,3)
```
#262705
```
#262705 rgb(38,39,5)
```
#363907
```
#363907 rgb(54,57,7)
```
#474a0a
```
#474a0a rgb(71,74,10)
```
#575c0c
```
#575c0c rgb(87,92,12)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#797e10
```
#797e10 rgb(121,126,16)
```
#899012
```
#899012 rgb(137,144,18)
```
#9aa115
```
#9aa115 rgb(154,161,21)
```
#aab317
```
#aab317 rgb(170,179,23)
```
#bbc419
```
#bbc419 rgb(187,196,25)
```
#ccd51b
```
#ccd51b rgb(204,213,27)
```

Shade Color Variation

#d8e322
```
#d8e322 rgb(216,227,34)
```
#dbe533
```
#dbe533 rgb(219,229,51)
```
#dee744
```
#dee744 rgb(222,231,68)
```
#e2e956
```
#e2e956 rgb(226,233,86)
```
#e5ec67
```
#e5ec67 rgb(229,236,103)
```
#e8ee79
```
#e8ee79 rgb(232,238,121)
```
#ebf08a
```
#ebf08a rgb(235,240,138)
```
#eef29b
```
#eef29b rgb(238,242,155)
```
#f1f4ad
```
#f1f4ad rgb(241,244,173)
```
#f4f7be
```
#f4f7be rgb(244,247,190)
```
#f7f9d0
```
#f7f9d0 rgb(247,249,208)
```
#fafbe1
```
#fafbe1 rgb(250,251,225)
```
#fdfdf2
```
#fdfdf2 rgb(253,253,242)
```

Tint Color Variation

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

#3e3e3d
```
#3e3e3d rgb(62,62,61)
```
#424239
```
#424239 rgb(66,66,57)
```
#464734
```
#464734 rgb(70,71,52)
```
#4a4c2f
```
#4a4c2f rgb(74,76,47)
```
#4f512a
```
#4f512a rgb(79,81,42)
```
#535526
```
#535526 rgb(83,85,38)
```
#575a21
```
#575a21 rgb(87,90,33)
```
#5b5f1c
```
#5b5f1c rgb(91,95,28)
```
#606417
```
#606417 rgb(96,100,23)
```
#646813
```
#646813 rgb(100,104,19)
```
#686d0e
```
#686d0e rgb(104,109,14)
```
#6c7209
```
#6c7209 rgb(108,114,9)
```
#707605
```
#707605 rgb(112,118,5)
```

Tone Color Variation

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

Dichromacy

#7d7019 Protanopia 1% of men
#8b6a20 Deuteranopia 1% of men
#786d74 Tritanopia 0.001% of the population

Trichromacy

#756f15 Protanomaly 1% of men, 0.01% of women
#7e6b1a Deuteranomaly 6% of men, 0.4% of women
#726d4f Tritanomaly 0.01% of the population

#686d0e hex color

#686d0e Color Information

#686d0e Color Conversion

Color Schemes with #686d0e

Alternatives to #686d0e

#686d0e Preview

Shades and Tints of #686d0e

Tones of #686d0e

Color Blindness Simulator