#686c14 hex color

In a RGB color space, hex #686c14 is composed of 40.8% red, 42.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 81.5% yellow and 57.6% black. It has a hue angle of 62.7 degrees, a saturation of 68.8% and a lightness of 25.1%. #686c14 color hex could be obtained by blending #d0d828 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 42
- B 8
RGB color chart
- C 4
- M 0
- Y 81
- K 58
CMYK color chart

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

The hexadecimal color #686c14 has RGB values of R:104, G:108, B:20 and CMYK values of C:0.04, M:0, Y:0.81, K:0.58. Its decimal value is 6843412.

Hex triplet	686c14	`#686c14`
RGB Decimal	104, 108, 20	`rgb(104,108,20)`
RGB Percent	40.8, 42.4, 7.8	`rgb(40.8%,42.4%,7.8%)`
CMYK	4, 0, 81, 58
HSL	62.7°, 68.8, 25.1	`hsl(62.7,68.8%,25.1%)`
HSV (or HSB)	62.7°, 81.5, 42.4
Web Safe	666600	`#666600`

CIE-LAB	43.827, -12.761, 44.685
XYZ	11.198, 13.719, 2.72
xyY	0.405, 0.496, 13.719
CIE-LCH	43.827, 46.472, 105.938
CIE-LUV	43.827, 0.631, 45.623
Hunter-Lab	37.039, -10.853, 21.573
Binary	01101000, 01101100, 00010100

#686c14
```
#686c14 rgb(104,108,20)
```
#18146c
```
#18146c rgb(24,20,108)
```

Complementary Color

#6c4414
```
#6c4414 rgb(108,68,20)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#3c6c14
```
#3c6c14 rgb(60,108,20)
```

Analogous Color

#44146c
```
#44146c rgb(68,20,108)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#143c6c
```
#143c6c rgb(20,60,108)
```

Split Complementary Color

#6c1468
```
#6c1468 rgb(108,20,104)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#14686c
```
#14686c rgb(20,104,108)
```

Triadic Color

#6c1814
```
#6c1814 rgb(108,24,20)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#14686c
```
#14686c rgb(20,104,108)
```
#18146c
```
#18146c rgb(24,20,108)
```

Tetradic Color

#2a2b08
```
#2a2b08 rgb(42,43,8)
```
#3f410c
```
#3f410c rgb(63,65,12)
```
#535610
```
#535610 rgb(83,86,16)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#7d8218
```
#7d8218 rgb(125,130,24)
```
#91971c
```
#91971c rgb(145,151,28)
```
#a6ad20
```
#a6ad20 rgb(166,173,32)
```

Monochromatic Color

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

#6c5a14
```
#6c5a14 rgb(108,90,20)
```
#6c6114
```
#6c6114 rgb(108,97,20)
```
#6c6914
```
#6c6914 rgb(108,105,20)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#616c14
```
#616c14 rgb(97,108,20)
```
#596c14
```
#596c14 rgb(89,108,20)
```
#526c14
```
#526c14 rgb(82,108,20)
```

Similar Colors

Text with hexadecimal color #686c14

This text has a font color of #686c14.

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

#686c14 background color

This paragraph has a background color of #686c14.

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

#686c14 border color

This element has a border color of #686c14.

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

CSS codes

.text {color:#686c14;}

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

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

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

#080902
```
#080902 rgb(8,9,2)
```
#181905
```
#181905 rgb(24,25,5)
```
#282a08
```
#282a08 rgb(40,42,8)
```
#383a0b
```
#383a0b rgb(56,58,11)
```
#484b0e
```
#484b0e rgb(72,75,14)
```
#585b11
```
#585b11 rgb(88,91,17)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#787d17
```
#787d17 rgb(120,125,23)
```
#888d1a
```
#888d1a rgb(136,141,26)
```
#989e1d
```
#989e1d rgb(152,158,29)
```
#a8ae20
```
#a8ae20 rgb(168,174,32)
```
#b8bf23
```
#b8bf23 rgb(184,191,35)
```
#c8cf26
```
#c8cf26 rgb(200,207,38)
```

Shade Color Variation

#d1d931
```
#d1d931 rgb(209,217,49)
```
#d5dc41
```
#d5dc41 rgb(213,220,65)
```
#d8df52
```
#d8df52 rgb(216,223,82)
```
#dce262
```
#dce262 rgb(220,226,98)
```
#e0e573
```
#e0e573 rgb(224,229,115)
```
#e4e883
```
#e4e883 rgb(228,232,131)
```
#e7eb94
```
#e7eb94 rgb(231,235,148)
```
#ebeea4
```
#ebeea4 rgb(235,238,164)
```
#eff1b5
```
#eff1b5 rgb(239,241,181)
```
#f2f4c5
```
#f2f4c5 rgb(242,244,197)
```
#f6f7d6
```
#f6f7d6 rgb(246,247,214)
```
#fafae7
```
#fafae7 rgb(250,250,231)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#44453b
```
#44453b rgb(68,69,59)
```
#494a36
```
#494a36 rgb(73,74,54)
```
#4d4e32
```
#4d4e32 rgb(77,78,50)
```
#52532d
```
#52532d rgb(82,83,45)
```
#565828
```
#565828 rgb(86,88,40)
```
#5b5d23
```
#5b5d23 rgb(91,93,35)
```
#5f621e
```
#5f621e rgb(95,98,30)
```
#646719
```
#646719 rgb(100,103,25)
```
#686c14
```
#686c14 rgb(104,108,20)
```
#6c710f
```
#6c710f rgb(108,113,15)
```
#71760a
```
#71760a rgb(113,118,10)
```
#757b05
```
#757b05 rgb(117,123,5)
```
#7a8000
```
#7a8000 rgb(122,128,0)
```

Tone Color Variation

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

#7c6f1f Protanopia 1% of men
#8a6a25 Deuteranopia 1% of men
#776c73 Tritanopia 0.001% of the population

Trichromacy

#756e1b Protanomaly 1% of men, 0.01% of women
#7d6a1f Deuteranomaly 6% of men, 0.4% of women
#726c51 Tritanomaly 0.01% of the population

#686c14 hex color

#686c14 Color Information

#686c14 Color Conversion

Color Schemes with #686c14

Alternatives to #686c14

#686c14 Preview

Shades and Tints of #686c14

Tones of #686c14

Color Blindness Simulator