#686d16 hex color

In a RGB color space, hex #686d16 is composed of 40.8% red, 42.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 79.8% yellow and 57.3% black. It has a hue angle of 63.4 degrees, a saturation of 66.4% and a lightness of 25.7%. #686d16 color hex could be obtained by blending #d0da2c with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #686d16 has RGB values of R:104, G:109, B:22 and CMYK values of C:0.05, M:0, Y:0.8, K:0.57. Its decimal value is 6843670.

Hex triplet	686d16	`#686d16`
RGB Decimal	104, 109, 22	`rgb(104,109,22)`
RGB Percent	40.8, 42.7, 8.6	`rgb(40.8%,42.7%,8.6%)`
CMYK	5, 0, 80, 57
HSL	63.4°, 66.4, 25.7	`hsl(63.4,66.4%,25.7%)`
HSV (or HSB)	63.4°, 79.8, 42.7
Web Safe	666600	`#666600`

CIE-LAB	44.144, -13.224, 44.294
XYZ	11.322, 13.938, 2.853
xyY	0.403, 0.496, 13.938
CIE-LCH	44.144, 46.226, 106.623
CIE-LUV	44.144, -0.018, 45.66
Hunter-Lab	37.334, -11.201, 21.603
Binary	01101000, 01101101, 00010110

#686d16
```
#686d16 rgb(104,109,22)
```
#1b166d
```
#1b166d rgb(27,22,109)
```

Complementary Color

#6d4716
```
#6d4716 rgb(109,71,22)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#3d6d16
```
#3d6d16 rgb(61,109,22)
```

Analogous Color

#47166d
```
#47166d rgb(71,22,109)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#163d6d
```
#163d6d rgb(22,61,109)
```

Split Complementary Color

#6d1668
```
#6d1668 rgb(109,22,104)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#16686d
```
#16686d rgb(22,104,109)
```

Triadic Color

#6d1b16
```
#6d1b16 rgb(109,27,22)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#16686d
```
#16686d rgb(22,104,109)
```
#1b166d
```
#1b166d rgb(27,22,109)
```

Tetradic Color

#2b2d09
```
#2b2d09 rgb(43,45,9)
```
#40430d
```
#40430d rgb(64,67,13)
```
#545812
```
#545812 rgb(84,88,18)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#7c821a
```
#7c821a rgb(124,130,26)
```
#90971f
```
#90971f rgb(144,151,31)
```
#a5ad23
```
#a5ad23 rgb(165,173,35)
```

Monochromatic Color

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

#6d5c16
```
#6d5c16 rgb(109,92,22)
```
#6d6416
```
#6d6416 rgb(109,100,22)
```
#6d6b16
```
#6d6b16 rgb(109,107,22)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#616d16
```
#616d16 rgb(97,109,22)
```
#5a6d16
```
#5a6d16 rgb(90,109,22)
```
#526d16
```
#526d16 rgb(82,109,22)
```

Similar Colors

Text with hexadecimal color #686d16

This text has a font color of #686d16.

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

#686d16 background color

This paragraph has a background color of #686d16.

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

#686d16 border color

This element has a border color of #686d16.

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

CSS codes

.text {color:#686d16;}

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

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

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, #0b0b02 is the darkest color, while #fefefa is the lightest one.

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1a1b06
```
#1a1b06 rgb(26,27,6)
```
#2a2c09
```
#2a2c09 rgb(42,44,9)
```
#393c0c
```
#393c0c rgb(57,60,12)
```
#494c0f
```
#494c0f rgb(73,76,15)
```
#585d13
```
#585d13 rgb(88,93,19)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#787d19
```
#787d19 rgb(120,125,25)
```
#878e1d
```
#878e1d rgb(135,142,29)
```
#979e20
```
#979e20 rgb(151,158,32)
```
#a6ae23
```
#a6ae23 rgb(166,174,35)
```
#b6bf26
```
#b6bf26 rgb(182,191,38)
```
#c5cf2a
```
#c5cf2a rgb(197,207,42)
```

Shade Color Variation

#cdd636
```
#cdd636 rgb(205,214,54)
```
#d1da46
```
#d1da46 rgb(209,218,70)
```
#d5dd57
```
#d5dd57 rgb(213,221,87)
```
#d9e067
```
#d9e067 rgb(217,224,103)
```
#dde477
```
#dde477 rgb(221,228,119)
```
#e1e788
```
#e1e788 rgb(225,231,136)
```
#e5ea98
```
#e5ea98 rgb(229,234,152)
```
#e9eda8
```
#e9eda8 rgb(233,237,168)
```
#eef1b8
```
#eef1b8 rgb(238,241,184)
```
#f2f4c9
```
#f2f4c9 rgb(242,244,201)
```
#f6f7d9
```
#f6f7d9 rgb(246,247,217)
```
#fafbe9
```
#fafbe9 rgb(250,251,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#44453e
```
#44453e rgb(68,69,62)
```
#494a39
```
#494a39 rgb(73,74,57)
```
#4d4f34
```
#4d4f34 rgb(77,79,52)
```
#52542f
```
#52542f rgb(82,84,47)
```
#56592a
```
#56592a rgb(86,89,42)
```
#5b5e25
```
#5b5e25 rgb(91,94,37)
```
#5f6320
```
#5f6320 rgb(95,99,32)
```
#64681b
```
#64681b rgb(100,104,27)
```
#686d16
```
#686d16 rgb(104,109,22)
```
#6c7211
```
#6c7211 rgb(108,114,17)
```
#71770c
```
#71770c rgb(113,119,12)
```
#757c07
```
#757c07 rgb(117,124,7)
```
#7a8102
```
#7a8102 rgb(122,129,2)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7021 Protanopia 1% of men
#8b6a27 Deuteranopia 1% of men
#786d74 Tritanopia 0.001% of the population

Trichromacy

#756f1d Protanomaly 1% of men, 0.01% of women
#7e6b20 Deuteranomaly 6% of men, 0.4% of women
#726d52 Tritanomaly 0.01% of the population

#686d16 hex color

#686d16 Color Information

#686d16 Color Conversion

Color Schemes with #686d16

Alternatives to #686d16

#686d16 Preview

Shades and Tints of #686d16

Tones of #686d16

Color Blindness Simulator