#686f1e hex color

In a RGB color space, hex #686f1e is composed of 40.8% red, 43.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 73% yellow and 56.5% black. It has a hue angle of 65.2 degrees, a saturation of 57.4% and a lightness of 27.6%. #686f1e color hex could be obtained by blending #d0de3c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 44
- B 12
RGB color chart
- C 6
- M 0
- Y 73
- K 56
CMYK color chart

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

The hexadecimal color #686f1e has RGB values of R:104, G:111, B:30 and CMYK values of C:0.06, M:0, Y:0.73, K:0.56. Its decimal value is 6844190.

Hex triplet	686f1e	`#686f1e`
RGB Decimal	104, 111, 30	`rgb(104,111,30)`
RGB Percent	40.8, 43.5, 11.8	`rgb(40.8%,43.5%,11.8%)`
CMYK	6, 0, 73, 56
HSL	65.2°, 57.4, 27.6	`hsl(65.2,57.4%,27.6%)`
HSV (or HSB)	65.2°, 73, 43.5
Web Safe	666633	`#666633`

CIE-LAB	44.809, -13.898, 41.887
XYZ	11.628, 14.406, 3.396
xyY	0.395, 0.489, 14.406
CIE-LCH	44.809, 44.132, 108.356
CIE-LUV	44.809, -1.362, 44.645
Hunter-Lab	37.955, -11.737, 21.263
Binary	01101000, 01101111, 00011110

#686f1e
```
#686f1e rgb(104,111,30)
```
#251e6f
```
#251e6f rgb(37,30,111)
```

Complementary Color

#6f4d1e
```
#6f4d1e rgb(111,77,30)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#406f1e
```
#406f1e rgb(64,111,30)
```

Analogous Color

#4d1e6f
```
#4d1e6f rgb(77,30,111)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#1e406f
```
#1e406f rgb(30,64,111)
```

Split Complementary Color

#6f1e68
```
#6f1e68 rgb(111,30,104)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#1e686f
```
#1e686f rgb(30,104,111)
```

Triadic Color

#6f251e
```
#6f251e rgb(111,37,30)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#1e686f
```
#1e686f rgb(30,104,111)
```
#251e6f
```
#251e6f rgb(37,30,111)
```

Tetradic Color

#30330e
```
#30330e rgb(48,51,14)
```
#424713
```
#424713 rgb(66,71,19)
```
#555b19
```
#555b19 rgb(85,91,25)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#7b8323
```
#7b8323 rgb(123,131,35)
```
#8e9729
```
#8e9729 rgb(142,151,41)
```
#a0ab2e
```
#a0ab2e rgb(160,171,46)
```

Monochromatic Color

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

#6f621e
```
#6f621e rgb(111,98,30)
```
#6f691e
```
#6f691e rgb(111,105,30)
```
#6f6f1e
```
#6f6f1e rgb(111,111,30)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#616f1e
```
#616f1e rgb(97,111,30)
```
#5b6f1e
```
#5b6f1e rgb(91,111,30)
```
#546f1e
```
#546f1e rgb(84,111,30)
```

Similar Colors

Text with hexadecimal color #686f1e

This text has a font color of #686f1e.

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

#686f1e background color

This paragraph has a background color of #686f1e.

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

#686f1e border color

This element has a border color of #686f1e.

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

CSS codes

.text {color:#686f1e;}

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

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111205
```
#111205 rgb(17,18,5)
```
#202209
```
#202209 rgb(32,34,9)
```
#2e310d
```
#2e310d rgb(46,49,13)
```
#3d4111
```
#3d4111 rgb(61,65,17)
```
#4b5016
```
#4b5016 rgb(75,80,22)
```
#5a601a
```
#5a601a rgb(90,96,26)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#767e22
```
#767e22 rgb(118,126,34)
```
#858e26
```
#858e26 rgb(133,142,38)
```
#939d2b
```
#939d2b rgb(147,157,43)
```
#a2ad2f
```
#a2ad2f rgb(162,173,47)
```
#b0bc33
```
#b0bc33 rgb(176,188,51)
```

Shade Color Variation

#bdca39
```
#bdca39 rgb(189,202,57)
```
#c2ce49
```
#c2ce49 rgb(194,206,73)
```
#c7d258
```
#c7d258 rgb(199,210,88)
```
#ccd667
```
#ccd667 rgb(204,214,103)
```
#d2da77
```
#d2da77 rgb(210,218,119)
```
#d7de86
```
#d7de86 rgb(215,222,134)
```
#dce396
```
#dce396 rgb(220,227,150)
```
#e1e7a5
```
#e1e7a5 rgb(225,231,165)
```
#e6ebb5
```
#e6ebb5 rgb(230,235,181)
```
#ebefc4
```
#ebefc4 rgb(235,239,196)
```
#f1f3d4
```
#f1f3d4 rgb(241,243,212)
```
#f6f7e3
```
#f6f7e3 rgb(246,247,227)
```
#fbfcf2
```
#fbfcf2 rgb(251,252,242)
```

Tint Color Variation

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

#494944
```
#494944 rgb(73,73,68)
```
#4d4e3f
```
#4d4e3f rgb(77,78,63)
```
#525439
```
#525439 rgb(82,84,57)
```
#565934
```
#565934 rgb(86,89,52)
```
#5b5f2e
```
#5b5f2e rgb(91,95,46)
```
#5f6429
```
#5f6429 rgb(95,100,41)
```
#646a23
```
#646a23 rgb(100,106,35)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#6c7419
```
#6c7419 rgb(108,116,25)
```
#717a13
```
#717a13 rgb(113,122,19)
```
#757f0e
```
#757f0e rgb(117,127,14)
```
#7a8508
```
#7a8508 rgb(122,133,8)
```
#7e8a03
```
#7e8a03 rgb(126,138,3)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#656656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7128 Protanopia 1% of men
#8c6c2e Deuteranopia 1% of men
#786f77 Tritanopia 0.001% of the population

Trichromacy

#767024 Protanomaly 1% of men, 0.01% of women
#7f6d28 Deuteranomaly 6% of men, 0.4% of women
#726f56 Tritanomaly 0.01% of the population

#686f1e hex color

#686f1e Color Information

#686f1e Color Conversion

Color Schemes with #686f1e

Alternatives to #686f1e

#686f1e Preview

Shades and Tints of #686f1e

Tones of #686f1e

Color Blindness Simulator