#686e0a hex color

In a RGB color space, hex #686e0a is composed of 40.8% red, 43.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 90.9% yellow and 56.9% black. It has a hue angle of 63.6 degrees, a saturation of 83.3% and a lightness of 23.5%. #686e0a color hex could be obtained by blending #d0dc14 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686e0a has RGB values of R:104, G:110, B:10 and CMYK values of C:0.05, M:0, Y:0.91, K:0.57. Its decimal value is 6843914.

Hex triplet	686e0a	`#686e0a`
RGB Decimal	104, 110, 10	`rgb(104,110,10)`
RGB Percent	40.8, 43.1, 3.9	`rgb(40.8%,43.1%,3.9%)`
CMYK	5, 0, 91, 57
HSL	63.6°, 83.3, 23.5	`hsl(63.6,83.3%,23.5%)`
HSV (or HSB)	63.6°, 90.9, 43.1
Web Safe	666600	`#666600`

CIE-LAB	44.4, -14.201, 47.948
XYZ	11.34, 14.117, 2.415
xyY	0.407, 0.507, 14.117
CIE-LCH	44.4, 50.007, 106.498
CIE-LUV	44.4, -0.53, 48.056
Hunter-Lab	37.573, -11.879, 22.49
Binary	01101000, 01101110, 00001010

#686e0a
```
#686e0a rgb(104,110,10)
```
#100a6e
```
#100a6e rgb(16,10,110)
```

Complementary Color

#6e420a
```
#6e420a rgb(110,66,10)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#366e0a
```
#366e0a rgb(54,110,10)
```

Analogous Color

#420a6e
```
#420a6e rgb(66,10,110)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#0a366e
```
#0a366e rgb(10,54,110)
```

Split Complementary Color

#6e0a68
```
#6e0a68 rgb(110,10,104)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#0a686e
```
#0a686e rgb(10,104,110)
```

Triadic Color

#6e100a
```
#6e100a rgb(110,16,10)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#0a686e
```
#0a686e rgb(10,104,110)
```
#100a6e
```
#100a6e rgb(16,10,110)
```

Tetradic Color

#262804
```
#262804 rgb(38,40,4)
```
#3c3f06
```
#3c3f06 rgb(60,63,6)
```
#525708
```
#525708 rgb(82,87,8)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#7e850c
```
#7e850c rgb(126,133,12)
```
#949d0e
```
#949d0e rgb(148,157,14)
```
#aab410
```
#aab410 rgb(170,180,16)
```

Monochromatic Color

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

#6e5b0a
```
#6e5b0a rgb(110,91,10)
```
#6e630a
```
#6e630a rgb(110,99,10)
```
#6e6c0a
```
#6e6c0a rgb(110,108,10)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#606e0a
```
#606e0a rgb(96,110,10)
```
#576e0a
```
#576e0a rgb(87,110,10)
```
#4f6e0a
```
#4f6e0a rgb(79,110,10)
```

Similar Colors

Text with hexadecimal color #686e0a

This text has a font color of #686e0a.

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

#686e0a background color

This paragraph has a background color of #686e0a.

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

#686e0a border color

This element has a border color of #686e0a.

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

CSS codes

.text {color:#686e0a;}

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

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131402
```
#131402 rgb(19,20,2)
```
#242603
```
#242603 rgb(36,38,3)
```
#353805
```
#353805 rgb(53,56,5)
```
#464a07
```
#464a07 rgb(70,74,7)
```
#575c08
```
#575c08 rgb(87,92,8)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#79800c
```
#79800c rgb(121,128,12)
```
#8a920d
```
#8a920d rgb(138,146,13)
```
#9ba40f
```
#9ba40f rgb(155,164,15)
```
#acb611
```
#acb611 rgb(172,182,17)
```
#bdc812
```
#bdc812 rgb(189,200,18)
```
#ceda14
```
#ceda14 rgb(206,218,20)
```

Shade Color Variation

#ddea17
```
#ddea17 rgb(221,234,23)
```
#e0ec29
```
#e0ec29 rgb(224,236,41)
```
#e3ed3b
```
#e3ed3b rgb(227,237,59)
```
#e5ef4d
```
#e5ef4d rgb(229,239,77)
```
#e8f05f
```
#e8f05f rgb(232,240,95)
```
#eaf271
```
#eaf271 rgb(234,242,113)
```
#edf483
```
#edf483 rgb(237,244,131)
```
#f0f595
```
#f0f595 rgb(240,245,149)
```
#f2f7a7
```
#f2f7a7 rgb(242,247,167)
```
#f5f9b9
```
#f5f9b9 rgb(245,249,185)
```
#f7facb
```
#f7facb rgb(247,250,203)
```
#fafcdd
```
#fafcdd rgb(250,252,221)
```
#fdfeef
```
#fdfeef rgb(253,254,239)
```

Tint Color Variation

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

#3f4038
```
#3f4038 rgb(63,64,56)
```
#434434
```
#434434 rgb(67,68,52)
```
#48492f
```
#48492f rgb(72,73,47)
```
#4c4e2a
```
#4c4e2a rgb(76,78,42)
```
#505226
```
#505226 rgb(80,82,38)
```
#545721
```
#545721 rgb(84,87,33)
```
#585c1c
```
#585c1c rgb(88,92,28)
```
#5c6018
```
#5c6018 rgb(92,96,24)
```
#606513
```
#606513 rgb(96,101,19)
```
#64690f
```
#64690f rgb(100,105,15)
```
#686e0a
```
#686e0a rgb(104,110,10)
```
#6c7305
```
#6c7305 rgb(108,115,5)
```
#707701
```
#707701 rgb(112,119,1)
```

Tone Color Variation

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

Dichromacy

#7e7115 Protanopia 1% of men
#8c6b1e Deuteranopia 1% of men
#786d75 Tritanopia 0.001% of the population

Trichromacy

#766f11 Protanomaly 1% of men, 0.01% of women
#7f6c17 Deuteranomaly 6% of men, 0.4% of women
#726d4e Tritanomaly 0.01% of the population

#686e0a hex color

#686e0a Color Information

#686e0a Color Conversion

Color Schemes with #686e0a

Alternatives to #686e0a

#686e0a Preview

Shades and Tints of #686e0a

Tones of #686e0a

Color Blindness Simulator