#687414 hex color

In a RGB color space, hex #687414 is composed of 40.8% red, 45.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 82.8% yellow and 54.5% black. It has a hue angle of 67.5 degrees, a saturation of 70.6% and a lightness of 26.7%. #687414 color hex could be obtained by blending #d0e828 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 45
- B 8
RGB color chart
- C 10
- M 0
- Y 83
- K 55
CMYK color chart

● #687414 color description : Dark yellow [Olive tone].

The hexadecimal color #687414 has RGB values of R:104, G:116, B:20 and CMYK values of C:0.1, M:0, Y:0.83, K:0.55. Its decimal value is 6845460.

Hex triplet	687414	`#687414`
RGB Decimal	104, 116, 20	`rgb(104,116,20)`
RGB Percent	40.8, 45.5, 7.8	`rgb(40.8%,45.5%,7.8%)`
CMYK	10, 0, 83, 55
HSL	67.5°, 70.6, 26.7	`hsl(67.5,70.6%,26.7%)`
HSV (or HSB)	67.5°, 82.8, 45.5
Web Safe	666600	`#666600`

CIE-LAB	46.291, -17.101, 46.896
XYZ	12.081, 15.484, 3.014
xyY	0.395, 0.506, 15.484
CIE-LCH	46.291, 49.917, 110.035
CIE-LUV	46.291, -4.295, 49.133
Hunter-Lab	39.35, -14.063, 23.004
Binary	01101000, 01110100, 00010100

#687414
```
#687414 rgb(104,116,20)
```
#201474
```
#201474 rgb(32,20,116)
```

Complementary Color

#745014
```
#745014 rgb(116,80,20)
```
#687414
```
#687414 rgb(104,116,20)
```
#387414
```
#387414 rgb(56,116,20)
```

Analogous Color

#501474
```
#501474 rgb(80,20,116)
```
#687414
```
#687414 rgb(104,116,20)
```
#143874
```
#143874 rgb(20,56,116)
```

Split Complementary Color

#741468
```
#741468 rgb(116,20,104)
```
#687414
```
#687414 rgb(104,116,20)
```
#146874
```
#146874 rgb(20,104,116)
```

Triadic Color

#742014
```
#742014 rgb(116,32,20)
```
#687414
```
#687414 rgb(104,116,20)
```
#146874
```
#146874 rgb(20,104,116)
```
#201474
```
#201474 rgb(32,20,116)
```

Tetradic Color

#2e3309
```
#2e3309 rgb(46,51,9)
```
#41490d
```
#41490d rgb(65,73,13)
```
#555e10
```
#555e10 rgb(85,94,16)
```
#687414
```
#687414 rgb(104,116,20)
```
#7c8a18
```
#7c8a18 rgb(124,138,24)
```
#8fa01c
```
#8fa01c rgb(143,160,28)
```
#a3b51f
```
#a3b51f rgb(163,181,31)
```

Monochromatic Color

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

#746814
```
#746814 rgb(116,104,20)
```
#747014
```
#747014 rgb(116,112,20)
```
#707414
```
#707414 rgb(112,116,20)
```
#687414
```
#687414 rgb(104,116,20)
```
#607414
```
#607414 rgb(96,116,20)
```
#587414
```
#587414 rgb(88,116,20)
```
#507414
```
#507414 rgb(80,116,20)
```

Similar Colors

Text with hexadecimal color #687414

This text has a font color of #687414.

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

#687414 background color

This paragraph has a background color of #687414.

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

#687414 border color

This element has a border color of #687414.

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

CSS codes

.text {color:#687414;}

.background {background-color:#687414;}

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

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

#0e1003
```
#0e1003 rgb(14,16,3)
```
#1d2006
```
#1d2006 rgb(29,32,6)
```
#2c3108
```
#2c3108 rgb(44,49,8)
```
#3b420b
```
#3b420b rgb(59,66,11)
```
#4a530e
```
#4a530e rgb(74,83,14)
```
#596311
```
#596311 rgb(89,99,17)
```
#687414
```
#687414 rgb(104,116,20)
```
#778517
```
#778517 rgb(119,133,23)
```
#86951a
```
#86951a rgb(134,149,26)
```
#95a61d
```
#95a61d rgb(149,166,29)
```
#a4b720
```
#a4b720 rgb(164,183,32)
```
#b3c822
```
#b3c822 rgb(179,200,34)
```
#c2d825
```
#c2d825 rgb(194,216,37)
```

Shade Color Variation

#c7dc35
```
#c7dc35 rgb(199,220,53)
```
#ccdf46
```
#ccdf46 rgb(204,223,70)
```
#d1e257
```
#d1e257 rgb(209,226,87)
```
#d5e567
```
#d5e567 rgb(213,229,103)
```
#dae878
```
#dae878 rgb(218,232,120)
```
#deeb89
```
#deeb89 rgb(222,235,137)
```
#e3ee9a
```
#e3ee9a rgb(227,238,154)
```
#e8f0aa
```
#e8f0aa rgb(232,240,170)
```
#ecf3bb
```
#ecf3bb rgb(236,243,187)
```
#f1f6cc
```
#f1f6cc rgb(241,246,204)
```
#f5f9dc
```
#f5f9dc rgb(245,249,220)
```
#fafced
```
#fafced rgb(250,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#454543
```
#454543 rgb(69,69,67)
```
#494a3e
```
#494a3e rgb(73,74,62)
```
#4d4f39
```
#4d4f39 rgb(77,79,57)
```
#505533
```
#505533 rgb(80,85,51)
```
#545a2e
```
#545a2e rgb(84,90,46)
```
#585f29
```
#585f29 rgb(88,95,41)
```
#5c6424
```
#5c6424 rgb(92,100,36)
```
#606a1e
```
#606a1e rgb(96,106,30)
```
#646f19
```
#646f19 rgb(100,111,25)
```
#687414
```
#687414 rgb(104,116,20)
```
#6c790f
```
#6c790f rgb(108,121,15)
```
#707e0a
```
#707e0a rgb(112,126,10)
```
#748404
```
#748404 rgb(116,132,4)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#666855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83751e Protanopia 1% of men
#916f26 Deuteranopia 1% of men
#79737b Tritanopia 0.001% of the population

Trichromacy

#79741a Protanomaly 1% of men, 0.01% of women
#82711f Deuteranomaly 6% of men, 0.4% of women
#737355 Tritanomaly 0.01% of the population

#687414 hex color

#687414 Color Information

#687414 Color Conversion

Color Schemes with #687414

Alternatives to #687414

#687414 Preview

Shades and Tints of #687414

Tones of #687414

Color Blindness Simulator