#686314 hex color

In a RGB color space, hex #686314 is composed of 40.8% red, 38.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.8% magenta, 80.8% yellow and 59.2% black. It has a hue angle of 56.4 degrees, a saturation of 67.7% and a lightness of 24.3%. #686314 color hex could be obtained by blending #d0c628 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 39
- B 8
RGB color chart
- C 0
- M 5
- Y 81
- K 59
CMYK color chart

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

The hexadecimal color #686314 has RGB values of R:104, G:99, B:20 and CMYK values of C:0, M:0.05, Y:0.81, K:0.59. Its decimal value is 6841108.

Hex triplet	686314	`#686314`
RGB Decimal	104, 99, 20	`rgb(104,99,20)`
RGB Percent	40.8, 38.8, 7.8	`rgb(40.8%,38.8%,7.8%)`
CMYK	0, 5, 81, 59
HSL	56.4°, 67.7, 24.3	`hsl(56.4,67.7%,24.3%)`
HSV (or HSB)	56.4°, 80.8, 40.8
Web Safe	666600	`#666600`

CIE-LAB	41.085, -7.697, 42.192
XYZ	10.297, 11.917, 2.42
xyY	0.418, 0.484, 11.917
CIE-LCH	41.085, 42.889, 100.339
CIE-LUV	41.085, 6.39, 41.664
Hunter-Lab	34.522, -7.17, 20.009
Binary	01101000, 01100011, 00010100

#686314
```
#686314 rgb(104,99,20)
```
#141968
```
#141968 rgb(20,25,104)
```

Complementary Color

#683914
```
#683914 rgb(104,57,20)
```
#686314
```
#686314 rgb(104,99,20)
```
#436814
```
#436814 rgb(67,104,20)
```

Analogous Color

#391468
```
#391468 rgb(57,20,104)
```
#686314
```
#686314 rgb(104,99,20)
```
#144368
```
#144368 rgb(20,67,104)
```

Split Complementary Color

#631468
```
#631468 rgb(99,20,104)
```
#686314
```
#686314 rgb(104,99,20)
```
#146863
```
#146863 rgb(20,104,99)
```

Triadic Color

#681419
```
#681419 rgb(104,20,25)
```
#686314
```
#686314 rgb(104,99,20)
```
#146863
```
#146863 rgb(20,104,99)
```
#141968
```
#141968 rgb(20,25,104)
```

Tetradic Color

#282608
```
#282608 rgb(40,38,8)
```
#3d3a0c
```
#3d3a0c rgb(61,58,12)
```
#534f10
```
#534f10 rgb(83,79,16)
```
#686314
```
#686314 rgb(104,99,20)
```
#7d7718
```
#7d7718 rgb(125,119,24)
```
#938c1c
```
#938c1c rgb(147,140,28)
```
#a8a020
```
#a8a020 rgb(168,160,32)
```

Monochromatic Color

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

#684e14
```
#684e14 rgb(104,78,20)
```
#685514
```
#685514 rgb(104,85,20)
```
#685c14
```
#685c14 rgb(104,92,20)
```
#686314
```
#686314 rgb(104,99,20)
```
#666814
```
#666814 rgb(102,104,20)
```
#5f6814
```
#5f6814 rgb(95,104,20)
```
#586814
```
#586814 rgb(88,104,20)
```

Similar Colors

Text with hexadecimal color #686314

This text has a font color of #686314.

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

#686314 background color

This paragraph has a background color of #686314.

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

#686314 border color

This element has a border color of #686314.

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

CSS codes

.text {color:#686314;}

.background {background-color:#686314;}

.border {border:1px solid #686314;}

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

#050501
```
#050501 rgb(5,5,1)
```
#161504
```
#161504 rgb(22,21,4)
```
#262407
```
#262407 rgb(38,36,7)
```
#37340b
```
#37340b rgb(55,52,11)
```
#47440e
```
#47440e rgb(71,68,14)
```
#585311
```
#585311 rgb(88,83,17)
```
#686314
```
#686314 rgb(104,99,20)
```
#787317
```
#787317 rgb(120,115,23)
```
#89821a
```
#89821a rgb(137,130,26)
```
#99921d
```
#99921d rgb(153,146,29)
```
#aaa221
```
#aaa221 rgb(170,162,33)
```
#bab124
```
#bab124 rgb(186,177,36)
```
#cbc127
```
#cbc127 rgb(203,193,39)
```

Shade Color Variation

#d7cd2e
```
#d7cd2e rgb(215,205,46)
```
#dad13f
```
#dad13f rgb(218,209,63)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#e0d960
```
#e0d960 rgb(224,217,96)
```
#e4dd70
```
#e4dd70 rgb(228,221,112)
```
#e7e181
```
#e7e181 rgb(231,225,129)
```
#eae591
```
#eae591 rgb(234,229,145)
```
#ede9a2
```
#ede9a2 rgb(237,233,162)
```
#f0ecb2
```
#f0ecb2 rgb(240,236,178)
```
#f3f0c2
```
#f3f0c2 rgb(243,240,194)
```
#f7f4d3
```
#f7f4d3 rgb(247,244,211)
```
#faf8e3
```
#faf8e3 rgb(250,248,227)
```
#fdfcf4
```
#fdfcf4 rgb(253,252,244)
```

Tint Color Variation

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

#42413a
```
#42413a rgb(66,65,58)
```
#474635
```
#474635 rgb(71,70,53)
```
#4b4a31
```
#4b4a31 rgb(75,74,49)
```
#504e2c
```
#504e2c rgb(80,78,44)
```
#555227
```
#555227 rgb(85,82,39)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#5e5b1e
```
#5e5b1e rgb(94,91,30)
```
#635f19
```
#635f19 rgb(99,95,25)
```
#686314
```
#686314 rgb(104,99,20)
```
#6d670f
```
#6d670f rgb(109,103,15)
```
#726b0a
```
#726b0a rgb(114,107,10)
```
#767006
```
#767006 rgb(118,112,6)
```
#7b7401
```
#7b7401 rgb(123,116,1)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#75691f Protanopia 1% of men
#826423 Deuteranopia 1% of men
#76646b Tritanopia 0.001% of the population

Trichromacy

#70671b Protanomaly 1% of men, 0.01% of women
#78631e Deuteranomaly 6% of men, 0.4% of women
#71634b Tritanomaly 0.01% of the population

#686314 hex color

#686314 Color Information

#686314 Color Conversion

Color Schemes with #686314

Alternatives to #686314

#686314 Preview

Shades and Tints of #686314

Tones of #686314

Color Blindness Simulator