#686a0a hex color

In a RGB color space, hex #686a0a is composed of 40.8% red, 41.6% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 90.6% yellow and 58.4% black. It has a hue angle of 61.3 degrees, a saturation of 82.8% and a lightness of 22.7%. #686a0a color hex could be obtained by blending #d0d414 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686a0a has RGB values of R:104, G:106, B:10 and CMYK values of C:0.02, M:0, Y:0.91, K:0.58. Its decimal value is 6842890.

Hex triplet	686a0a	`#686a0a`
RGB Decimal	104, 106, 10	`rgb(104,106,10)`
RGB Percent	40.8, 41.6, 3.9	`rgb(40.8%,41.6%,3.9%)`
CMYK	2, 0, 91, 58
HSL	61.3°, 82.8, 22.7	`hsl(61.3,82.8%,22.7%)`
HSV (or HSB)	61.3°, 90.6, 41.6
Web Safe	666600	`#666600`

CIE-LAB	43.172, -11.999, 46.943
XYZ	10.918, 13.273, 2.274
xyY	0.413, 0.502, 13.273
CIE-LCH	43.172, 48.452, 104.338
CIE-LUV	43.172, 1.998, 46.345
Hunter-Lab	36.432, -10.265, 21.802
Binary	01101000, 01101010, 00001010

#686a0a
```
#686a0a rgb(104,106,10)
```
#0c0a6a
```
#0c0a6a rgb(12,10,106)
```

Complementary Color

#6a3c0a
```
#6a3c0a rgb(106,60,10)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#386a0a
```
#386a0a rgb(56,106,10)
```

Analogous Color

#3c0a6a
```
#3c0a6a rgb(60,10,106)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#0a386a
```
#0a386a rgb(10,56,106)
```

Split Complementary Color

#6a0a68
```
#6a0a68 rgb(106,10,104)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#0a686a
```
#0a686a rgb(10,104,106)
```

Triadic Color

#6a0c0a
```
#6a0c0a rgb(106,12,10)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#0a686a
```
#0a686a rgb(10,104,106)
```
#0c0a6a
```
#0c0a6a rgb(12,10,106)
```

Tetradic Color

#232403
```
#232403 rgb(35,36,3)
```
#3a3b06
```
#3a3b06 rgb(58,59,6)
```
#515308
```
#515308 rgb(81,83,8)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#7f810c
```
#7f810c rgb(127,129,12)
```
#96990e
```
#96990e rgb(150,153,14)
```
#adb011
```
#adb011 rgb(173,176,17)
```

Monochromatic Color

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

#6a540a
```
#6a540a rgb(106,84,10)
```
#6a5c0a
```
#6a5c0a rgb(106,92,10)
```
#6a640a
```
#6a640a rgb(106,100,10)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#606a0a
```
#606a0a rgb(96,106,10)
```
#586a0a
```
#586a0a rgb(88,106,10)
```
#506a0a
```
#506a0a rgb(80,106,10)
```

Similar Colors

Text with hexadecimal color #686a0a

This text has a font color of #686a0a.

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

#686a0a background color

This paragraph has a background color of #686a0a.

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

#686a0a border color

This element has a border color of #686a0a.

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

CSS codes

.text {color:#686a0a;}

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

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

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

#101002
```
#101002 rgb(16,16,2)
```
#222203
```
#222203 rgb(34,34,3)
```
#333405
```
#333405 rgb(51,52,5)
```
#454607
```
#454607 rgb(69,70,7)
```
#565808
```
#565808 rgb(86,88,8)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#7a7c0c
```
#7a7c0c rgb(122,124,12)
```
#8b8e0d
```
#8b8e0d rgb(139,142,13)
```
#9da00f
```
#9da00f rgb(157,160,15)
```
#aeb211
```
#aeb211 rgb(174,178,17)
```
#c0c412
```
#c0c412 rgb(192,196,18)
```
#d2d614
```
#d2d614 rgb(210,214,20)
```
#e3e716
```
#e3e716 rgb(227,231,22)
```

Shade Color Variation

#e6eb26
```
#e6eb26 rgb(230,235,38)
```
#e9ec38
```
#e9ec38 rgb(233,236,56)
```
#ebee4a
```
#ebee4a rgb(235,238,74)
```
#edf05c
```
#edf05c rgb(237,240,92)
```
#eff16e
```
#eff16e rgb(239,241,110)
```
#f1f380
```
#f1f380 rgb(241,243,128)
```
#f3f592
```
#f3f592 rgb(243,245,146)
```
#f5f6a4
```
#f5f6a4 rgb(245,246,164)
```
#f7f8b6
```
#f7f8b6 rgb(247,248,182)
```
#f9fac8
```
#f9fac8 rgb(249,250,200)
```
#fbfbda
```
#fbfbda rgb(251,251,218)
```
#fdfdec
```
#fdfdec rgb(253,253,236)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#3d3d37
```
#3d3d37 rgb(61,61,55)
```
#424232
```
#424232 rgb(66,66,50)
```
#46462e
```
#46462e rgb(70,70,46)
```
#4a4b29
```
#4a4b29 rgb(74,75,41)
```
#4e4f25
```
#4e4f25 rgb(78,79,37)
```
#535420
```
#535420 rgb(83,84,32)
```
#57581c
```
#57581c rgb(87,88,28)
```
#5b5d17
```
#5b5d17 rgb(91,93,23)
```
#5f6113
```
#5f6113 rgb(95,97,19)
```
#64660e
```
#64660e rgb(100,102,14)
```
#686a0a
```
#686a0a rgb(104,106,10)
```
#6c6e06
```
#6c6e06 rgb(108,110,6)
```
#717301
```
#717301 rgb(113,115,1)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#60604d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e15 Protanopia 1% of men
#88681d Deuteranopia 1% of men
#776a71 Tritanopia 0.001% of the population

Trichromacy

#746c11 Protanomaly 1% of men, 0.01% of women
#7c6916 Deuteranomaly 6% of men, 0.4% of women
#726a4c Tritanomaly 0.01% of the population

#686a0a hex color

#686a0a Color Information

#686a0a Color Conversion

Color Schemes with #686a0a

Alternatives to #686a0a

#686a0a Preview

Shades and Tints of #686a0a

Tones of #686a0a

Color Blindness Simulator