#686d12 hex color

In a RGB color space, hex #686d12 is composed of 40.8% red, 42.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 83.5% yellow and 57.3% black. It has a hue angle of 63.3 degrees, a saturation of 71.7% and a lightness of 24.9%. #686d12 color hex could be obtained by blending #d0da24 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686d12 has RGB values of R:104, G:109, B:18 and CMYK values of C:0.05, M:0, Y:0.83, K:0.57. Its decimal value is 6843666.

Hex triplet	686d12	`#686d12`
RGB Decimal	104, 109, 18	`rgb(104,109,18)`
RGB Percent	40.8, 42.7, 7.1	`rgb(40.8%,42.7%,7.1%)`
CMYK	5, 0, 83, 57
HSL	63.3°, 71.7, 24.9	`hsl(63.3,71.7%,24.9%)`
HSV (or HSB)	63.3°, 83.5, 42.7
Web Safe	666600	`#666600`

CIE-LAB	44.124, -13.394, 45.591
XYZ	11.287, 13.924, 2.665
xyY	0.405, 0.499, 13.924
CIE-LCH	44.124, 47.518, 106.372
CIE-LUV	44.124, 0.027, 46.435
Hunter-Lab	37.315, -11.31, 21.886
Binary	01101000, 01101101, 00010010

#686d12
```
#686d12 rgb(104,109,18)
```
#17126d
```
#17126d rgb(23,18,109)
```

Complementary Color

#6d4512
```
#6d4512 rgb(109,69,18)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#3b6d12
```
#3b6d12 rgb(59,109,18)
```

Analogous Color

#45126d
```
#45126d rgb(69,18,109)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#123b6d
```
#123b6d rgb(18,59,109)
```

Split Complementary Color

#6d1268
```
#6d1268 rgb(109,18,104)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#12686d
```
#12686d rgb(18,104,109)
```

Triadic Color

#6d1712
```
#6d1712 rgb(109,23,18)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#12686d
```
#12686d rgb(18,104,109)
```
#17126d
```
#17126d rgb(23,18,109)
```

Tetradic Color

#292b07
```
#292b07 rgb(41,43,7)
```
#3e410b
```
#3e410b rgb(62,65,11)
```
#53570e
```
#53570e rgb(83,87,14)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#7d8316
```
#7d8316 rgb(125,131,22)
```
#929919
```
#929919 rgb(146,153,25)
```
#a7af1d
```
#a7af1d rgb(167,175,29)
```

Monochromatic Color

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

#6d5b12
```
#6d5b12 rgb(109,91,18)
```
#6d6312
```
#6d6312 rgb(109,99,18)
```
#6d6a12
```
#6d6a12 rgb(109,106,18)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#606d12
```
#606d12 rgb(96,109,18)
```
#596d12
```
#596d12 rgb(89,109,18)
```
#516d12
```
#516d12 rgb(81,109,18)
```

Similar Colors

Text with hexadecimal color #686d12

This text has a font color of #686d12.

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

#686d12 background color

This paragraph has a background color of #686d12.

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

#686d12 border color

This element has a border color of #686d12.

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

CSS codes

.text {color:#686d12;}

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

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

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

#080801
```
#080801 rgb(8,8,1)
```
#181904
```
#181904 rgb(24,25,4)
```
#282a07
```
#282a07 rgb(40,42,7)
```
#383a0a
```
#383a0a rgb(56,58,10)
```
#484b0c
```
#484b0c rgb(72,75,12)
```
#585c0f
```
#585c0f rgb(88,92,15)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#787e15
```
#787e15 rgb(120,126,21)
```
#888f18
```
#888f18 rgb(136,143,24)
```
#98a01a
```
#98a01a rgb(152,160,26)
```
#a8b01d
```
#a8b01d rgb(168,176,29)
```
#b8c120
```
#b8c120 rgb(184,193,32)
```
#c8d223
```
#c8d223 rgb(200,210,35)
```

Shade Color Variation

#d3dc2c
```
#d3dc2c rgb(211,220,44)
```
#d6df3d
```
#d6df3d rgb(214,223,61)
```
#dae24e
```
#dae24e rgb(218,226,78)
```
#dde55f
```
#dde55f rgb(221,229,95)
```
#e1e76f
```
#e1e76f rgb(225,231,111)
```
#e4ea80
```
#e4ea80 rgb(228,234,128)
```
#e8ed91
```
#e8ed91 rgb(232,237,145)
```
#ebf0a2
```
#ebf0a2 rgb(235,240,162)
```
#eff2b3
```
#eff2b3 rgb(239,242,179)
```
#f2f5c4
```
#f2f5c4 rgb(242,245,196)
```
#f6f8d4
```
#f6f8d4 rgb(246,248,212)
```
#fafbe5
```
#fafbe5 rgb(250,251,229)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #41413e is the less saturated color, while #757c03 is the most saturated one.

#41413e
```
#41413e rgb(65,65,62)
```
#454639
```
#454639 rgb(69,70,57)
```
#4a4b34
```
#4a4b34 rgb(74,75,52)
```
#4e502f
```
#4e502f rgb(78,80,47)
```
#52552a
```
#52552a rgb(82,85,42)
```
#575926
```
#575926 rgb(87,89,38)
```
#5b5e21
```
#5b5e21 rgb(91,94,33)
```
#5f631c
```
#5f631c rgb(95,99,28)
```
#646817
```
#646817 rgb(100,104,23)
```
#686d12
```
#686d12 rgb(104,109,18)
```
#6c720d
```
#6c720d rgb(108,114,13)
```
#717708
```
#717708 rgb(113,119,8)
```
#757c03
```
#757c03 rgb(117,124,3)
```

Tone Color Variation

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

Dichromacy

#7d701d Protanopia 1% of men
#8b6a24 Deuteranopia 1% of men
#786d74 Tritanopia 0.001% of the population

Trichromacy

#756f19 Protanomaly 1% of men, 0.01% of women
#7e6b1d Deuteranomaly 6% of men, 0.4% of women
#726d50 Tritanomaly 0.01% of the population

#686d12 hex color

#686d12 Color Information

#686d12 Color Conversion

Color Schemes with #686d12

Alternatives to #686d12

#686d12 Preview

Shades and Tints of #686d12

Tones of #686d12

Color Blindness Simulator