#687a14 hex color

In a RGB color space, hex #687a14 is composed of 40.8% red, 47.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 0% magenta, 83.6% yellow and 52.2% black. It has a hue angle of 70.6 degrees, a saturation of 71.8% and a lightness of 27.8%. #687a14 color hex could be obtained by blending #d0f428 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 48
- B 8
RGB color chart
- C 15
- M 0
- Y 84
- K 52
CMYK color chart

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

The hexadecimal color #687a14 has RGB values of R:104, G:122, B:20 and CMYK values of C:0.15, M:0, Y:0.84, K:0.52. Its decimal value is 6846996.

Hex triplet	687a14	`#687a14`
RGB Decimal	104, 122, 20	`rgb(104,122,20)`
RGB Percent	40.8, 47.8, 7.8	`rgb(40.8%,47.8%,7.8%)`
CMYK	15, 0, 84, 52
HSL	70.6°, 71.8, 27.8	`hsl(70.6,71.8%,27.8%)`
HSV (or HSB)	70.6°, 83.6, 47.8
Web Safe	666600	`#666600`

CIE-LAB	48.15, -20.256, 48.549
XYZ	12.795, 16.913, 3.252
xyY	0.388, 0.513, 16.913
CIE-LCH	48.15, 52.605, 112.647
CIE-LUV	48.15, -7.869, 51.754
Hunter-Lab	41.125, -16.434, 24.099
Binary	01101000, 01111010, 00010100

#687a14
```
#687a14 rgb(104,122,20)
```
#26147a
```
#26147a rgb(38,20,122)
```

Complementary Color

#7a5914
```
#7a5914 rgb(122,89,20)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#357a14
```
#357a14 rgb(53,122,20)
```

Analogous Color

#59147a
```
#59147a rgb(89,20,122)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#14357a
```
#14357a rgb(20,53,122)
```

Split Complementary Color

#7a1468
```
#7a1468 rgb(122,20,104)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#14687a
```
#14687a rgb(20,104,122)
```

Triadic Color

#7a2614
```
#7a2614 rgb(122,38,20)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#14687a
```
#14687a rgb(20,104,122)
```
#26147a
```
#26147a rgb(38,20,122)
```

Tetradic Color

#303809
```
#303809 rgb(48,56,9)
```
#434e0d
```
#434e0d rgb(67,78,13)
```
#556410
```
#556410 rgb(85,100,16)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#7b9018
```
#7b9018 rgb(123,144,24)
```
#8da61b
```
#8da61b rgb(141,166,27)
```
#a0bc1f
```
#a0bc1f rgb(160,188,31)
```

Monochromatic Color

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

#7a7314
```
#7a7314 rgb(122,115,20)
```
#797a14
```
#797a14 rgb(121,122,20)
```
#717a14
```
#717a14 rgb(113,122,20)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#607a14
```
#607a14 rgb(96,122,20)
```
#577a14
```
#577a14 rgb(87,122,20)
```
#4e7a14
```
#4e7a14 rgb(78,122,20)
```

Similar Colors

Text with hexadecimal color #687a14

This text has a font color of #687a14.

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

#687a14 background color

This paragraph has a background color of #687a14.

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

#687a14 border color

This element has a border color of #687a14.

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

CSS codes

.text {color:#687a14;}

.background {background-color:#687a14;}

.border {border:1px solid #687a14;}

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

#030401
```
#030401 rgb(3,4,1)
```
#121503
```
#121503 rgb(18,21,3)
```
#202606
```
#202606 rgb(32,38,6)
```
#2f3709
```
#2f3709 rgb(47,55,9)
```
#3d470c
```
#3d470c rgb(61,71,12)
```
#4b580e
```
#4b580e rgb(75,88,14)
```
#5a6911
```
#5a6911 rgb(90,105,17)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#768b17
```
#768b17 rgb(118,139,23)
```
#859c1a
```
#859c1a rgb(133,156,26)
```
#93ad1c
```
#93ad1c rgb(147,173,28)
```
#a1bd1f
```
#a1bd1f rgb(161,189,31)
```
#b0ce22
```
#b0ce22 rgb(176,206,34)
```

Shade Color Variation

#bcdc28
```
#bcdc28 rgb(188,220,40)
```
#c1df39
```
#c1df39 rgb(193,223,57)
```
#c7e14a
```
#c7e14a rgb(199,225,74)
```
#cce45b
```
#cce45b rgb(204,228,91)
```
#d1e76b
```
#d1e76b rgb(209,231,107)
```
#d6ea7c
```
#d6ea7c rgb(214,234,124)
```
#dcec8d
```
#dcec8d rgb(220,236,141)
```
#e1ef9e
```
#e1ef9e rgb(225,239,158)
```
#e6f2af
```
#e6f2af rgb(230,242,175)
```
#ebf5c0
```
#ebf5c0 rgb(235,245,192)
```
#f1f7d0
```
#f1f7d0 rgb(241,247,208)
```
#f6fae1
```
#f6fae1 rgb(246,250,225)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#484945
```
#484945 rgb(72,73,69)
```
#4c4e40
```
#4c4e40 rgb(76,78,64)
```
#4f543a
```
#4f543a rgb(79,84,58)
```
#535935
```
#535935 rgb(83,89,53)
```
#565f2f
```
#565f2f rgb(86,95,47)
```
#5a642a
```
#5a642a rgb(90,100,42)
```
#5d6a24
```
#5d6a24 rgb(93,106,36)
```
#616f1f
```
#616f1f rgb(97,111,31)
```
#647519
```
#647519 rgb(100,117,25)
```
#687a14
```
#687a14 rgb(104,122,20)
```
#6c7f0f
```
#6c7f0f rgb(108,127,15)
```
#6f8509
```
#6f8509 rgb(111,133,9)
```
#738a04
```
#738a04 rgb(115,138,4)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88791e Protanopia 1% of men
#977327 Deuteranopia 1% of men
#7a7881 Tritanopia 0.001% of the population

Trichromacy

#7c791a Protanomaly 1% of men, 0.01% of women
#857620 Deuteranomaly 6% of men, 0.4% of women
#737959 Tritanomaly 0.01% of the population

#687a14 hex color

#687a14 Color Information

#687a14 Color Conversion

Color Schemes with #687a14

Alternatives to #687a14

#687a14 Preview

Shades and Tints of #687a14

Tones of #687a14

Color Blindness Simulator