#686d13 hex color

In a RGB color space, hex #686d13 is composed of 40.8% red, 42.7% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 82.6% yellow and 57.3% black. It has a hue angle of 63.3 degrees, a saturation of 70.3% and a lightness of 25.1%. #686d13 color hex could be obtained by blending #d0da26 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

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

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

Hex triplet	686d13	`#686d13`
RGB Decimal	104, 109, 19	`rgb(104,109,19)`
RGB Percent	40.8, 42.7, 7.5	`rgb(40.8%,42.7%,7.5%)`
CMYK	5, 0, 83, 57
HSL	63.3°, 70.3, 25.1	`hsl(63.3,70.3%,25.1%)`
HSV (or HSB)	63.3°, 82.6, 42.7
Web Safe	666600	`#666600`

CIE-LAB	44.129, -13.354, 45.281
XYZ	11.295, 13.927, 2.709
xyY	0.404, 0.499, 13.927
CIE-LCH	44.129, 47.209, 106.431
CIE-LUV	44.129, 0.016, 46.253
Hunter-Lab	37.32, -11.285, 21.819
Binary	01101000, 01101101, 00010011

#686d13
```
#686d13 rgb(104,109,19)
```
#18136d
```
#18136d rgb(24,19,109)
```

Complementary Color

#6d4513
```
#6d4513 rgb(109,69,19)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#3b6d13
```
#3b6d13 rgb(59,109,19)
```

Analogous Color

#45136d
```
#45136d rgb(69,19,109)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#133b6d
```
#133b6d rgb(19,59,109)
```

Split Complementary Color

#6d1368
```
#6d1368 rgb(109,19,104)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#13686d
```
#13686d rgb(19,104,109)
```

Triadic Color

#6d1813
```
#6d1813 rgb(109,24,19)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#13686d
```
#13686d rgb(19,104,109)
```
#18136d
```
#18136d rgb(24,19,109)
```

Tetradic Color

#2a2c08
```
#2a2c08 rgb(42,44,8)
```
#3f420b
```
#3f420b rgb(63,66,11)
```
#53570f
```
#53570f rgb(83,87,15)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#7d8317
```
#7d8317 rgb(125,131,23)
```
#91981b
```
#91981b rgb(145,152,27)
```
#a6ae1e
```
#a6ae1e rgb(166,174,30)
```

Monochromatic Color

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

#6d5c13
```
#6d5c13 rgb(109,92,19)
```
#6d6313
```
#6d6313 rgb(109,99,19)
```
#6d6b13
```
#6d6b13 rgb(109,107,19)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#616d13
```
#616d13 rgb(97,109,19)
```
#596d13
```
#596d13 rgb(89,109,19)
```
#526d13
```
#526d13 rgb(82,109,19)
```

Similar Colors

Text with hexadecimal color #686d13

This text has a font color of #686d13.

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

#686d13 background color

This paragraph has a background color of #686d13.

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

#686d13 border color

This element has a border color of #686d13.

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

CSS codes

.text {color:#686d13;}

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

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

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)
```
#181904
```
#181904 rgb(24,25,4)
```
#282a07
```
#282a07 rgb(40,42,7)
```
#383b0a
```
#383b0a rgb(56,59,10)
```
#484c0d
```
#484c0d rgb(72,76,13)
```
#585c10
```
#585c10 rgb(88,92,16)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#787e16
```
#787e16 rgb(120,126,22)
```
#888e19
```
#888e19 rgb(136,142,25)
```
#989f1c
```
#989f1c rgb(152,159,28)
```
#a8b01f
```
#a8b01f rgb(168,176,31)
```
#b8c122
```
#b8c122 rgb(184,193,34)
```
#c8d124
```
#c8d124 rgb(200,209,36)
```

Shade Color Variation

#d1db2f
```
#d1db2f rgb(209,219,47)
```
#d5de3f
```
#d5de3f rgb(213,222,63)
```
#d8e150
```
#d8e150 rgb(216,225,80)
```
#dce361
```
#dce361 rgb(220,227,97)
```
#e0e671
```
#e0e671 rgb(224,230,113)
```
#e4e982
```
#e4e982 rgb(228,233,130)
```
#e7ec93
```
#e7ec93 rgb(231,236,147)
```
#ebefa4
```
#ebefa4 rgb(235,239,164)
```
#eff2b4
```
#eff2b4 rgb(239,242,180)
```
#f2f5c5
```
#f2f5c5 rgb(242,245,197)
```
#f6f8d6
```
#f6f8d6 rgb(246,248,214)
```
#fafbe6
```
#fafbe6 rgb(250,251,230)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#41413f
```
#41413f rgb(65,65,63)
```
#45463a
```
#45463a rgb(69,70,58)
```
#494b35
```
#494b35 rgb(73,75,53)
```
#4e4f31
```
#4e4f31 rgb(78,79,49)
```
#52542c
```
#52542c rgb(82,84,44)
```
#565927
```
#565927 rgb(86,89,39)
```
#5b5e22
```
#5b5e22 rgb(91,94,34)
```
#5f631d
```
#5f631d rgb(95,99,29)
```
#646818
```
#646818 rgb(100,104,24)
```
#686d13
```
#686d13 rgb(104,109,19)
```
#6c720e
```
#6c720e rgb(108,114,14)
```
#717709
```
#717709 rgb(113,119,9)
```
#757c04
```
#757c04 rgb(117,124,4)
```

Tone Color Variation

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

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

Trichromacy

#756f1a Protanomaly 1% of men, 0.01% of women
#7e6b1e Deuteranomaly 6% of men, 0.4% of women
#726d51 Tritanomaly 0.01% of the population

#686d13 hex color

#686d13 Color Information

#686d13 Color Conversion

Color Schemes with #686d13

Alternatives to #686d13

#686d13 Preview

Shades and Tints of #686d13

Tones of #686d13

Color Blindness Simulator