#688314 hex color

In a RGB color space, hex #688314 is composed of 40.8% red, 51.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 84.7% yellow and 48.6% black. It has a hue angle of 74.6 degrees, a saturation of 73.5% and a lightness of 29.6%. #688314 color hex could be obtained by blending #d0ff28 with #000700. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 41
- G 51
- B 8
RGB color chart
- C 21
- M 0
- Y 85
- K 49
CMYK color chart

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

The hexadecimal color #688314 has RGB values of R:104, G:131, B:20 and CMYK values of C:0.21, M:0, Y:0.85, K:0.49. Its decimal value is 6849300.

Hex triplet	688314	`#688314`
RGB Decimal	104, 131, 20	`rgb(104,131,20)`
RGB Percent	40.8, 51.4, 7.8	`rgb(40.8%,51.4%,7.8%)`
CMYK	21, 0, 85, 49
HSL	74.6°, 73.5, 29.6	`hsl(74.6,73.5%,29.6%)`
HSV (or HSB)	74.6°, 84.7, 51.4
Web Safe	669900	`#669900`

CIE-LAB	50.951, -24.828, 51.017
XYZ	13.951, 19.226, 3.638
xyY	0.379, 0.522, 19.226
CIE-LCH	50.951, 56.737, 115.951
CIE-LUV	50.951, -13.044, 55.664
Hunter-Lab	43.847, -19.938, 25.774
Binary	01101000, 10000011, 00010100

#688314
```
#688314 rgb(104,131,20)
```
#2f1483
```
#2f1483 rgb(47,20,131)
```

Complementary Color

#836714
```
#836714 rgb(131,103,20)
```
#688314
```
#688314 rgb(104,131,20)
```
#318314
```
#318314 rgb(49,131,20)
```

Analogous Color

#671483
```
#671483 rgb(103,20,131)
```
#688314
```
#688314 rgb(104,131,20)
```
#143183
```
#143183 rgb(20,49,131)
```

Split Complementary Color

#831468
```
#831468 rgb(131,20,104)
```
#688314
```
#688314 rgb(104,131,20)
```
#146883
```
#146883 rgb(20,104,131)
```

Triadic Color

#832f14
```
#832f14 rgb(131,47,20)
```
#688314
```
#688314 rgb(104,131,20)
```
#146883
```
#146883 rgb(20,104,131)
```
#2f1483
```
#2f1483 rgb(47,20,131)
```

Tetradic Color

#33410a
```
#33410a rgb(51,65,10)
```
#45570d
```
#45570d rgb(69,87,13)
```
#566d11
```
#566d11 rgb(86,109,17)
```
#688314
```
#688314 rgb(104,131,20)
```
#7a9917
```
#7a9917 rgb(122,153,23)
```
#8baf1b
```
#8baf1b rgb(139,175,27)
```
#9dc51e
```
#9dc51e rgb(157,197,30)
```

Monochromatic Color

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

#838214
```
#838214 rgb(131,130,20)
```
#7b8314
```
#7b8314 rgb(123,131,20)
```
#718314
```
#718314 rgb(113,131,20)
```
#688314
```
#688314 rgb(104,131,20)
```
#5f8314
```
#5f8314 rgb(95,131,20)
```
#568314
```
#568314 rgb(86,131,20)
```
#4c8314
```
#4c8314 rgb(76,131,20)
```

Similar Colors

Text with hexadecimal color #688314

This text has a font color of #688314.

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

#688314 background color

This paragraph has a background color of #688314.

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

#688314 border color

This element has a border color of #688314.

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

CSS codes

.text {color:#688314;}

.background {background-color:#688314;}

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

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, #090c02 is the darkest color, while #fdfefa is the lightest one.

#090c02
```
#090c02 rgb(9,12,2)
```
#171d04
```
#171d04 rgb(23,29,4)
```
#242e07
```
#242e07 rgb(36,46,7)
```
#323f0a
```
#323f0a rgb(50,63,10)
```
#3f500c
```
#3f500c rgb(63,80,12)
```
#4d610f
```
#4d610f rgb(77,97,15)
```
#5a7211
```
#5a7211 rgb(90,114,17)
```
#688314
```
#688314 rgb(104,131,20)
```
#769417
```
#769417 rgb(118,148,23)
```
#83a519
```
#83a519 rgb(131,165,25)
```
#91b61c
```
#91b61c rgb(145,182,28)
```
#9ec71e
```
#9ec71e rgb(158,199,30)
```
#acd821
```
#acd821 rgb(172,216,33)
```

Shade Color Variation

#b4df2e
```
#b4df2e rgb(180,223,46)
```
#bae23f
```
#bae23f rgb(186,226,63)
```
#c0e450
```
#c0e450 rgb(192,228,80)
```
#c6e761
```
#c6e761 rgb(198,231,97)
```
#cce972
```
#cce972 rgb(204,233,114)
```
#d2ec83
```
#d2ec83 rgb(210,236,131)
```
#d9ef94
```
#d9ef94 rgb(217,239,148)
```
#dff1a5
```
#dff1a5 rgb(223,241,165)
```
#e5f4b6
```
#e5f4b6 rgb(229,244,182)
```
#ebf6c7
```
#ebf6c7 rgb(235,246,199)
```
#f1f9d8
```
#f1f9d8 rgb(241,249,216)
```
#f7fce9
```
#f7fce9 rgb(247,252,233)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#4d4f48
```
#4d4f48 rgb(77,79,72)
```
#505542
```
#505542 rgb(80,85,66)
```
#535a3d
```
#535a3d rgb(83,90,61)
```
#566037
```
#566037 rgb(86,96,55)
```
#596631
```
#596631 rgb(89,102,49)
```
#5c6c2b
```
#5c6c2b rgb(92,108,43)
```
#5f7225
```
#5f7225 rgb(95,114,37)
```
#627720
```
#627720 rgb(98,119,32)
```
#657d1a
```
#657d1a rgb(101,125,26)
```
#688314
```
#688314 rgb(104,131,20)
```
#6b890e
```
#6b890e rgb(107,137,14)
```
#6e8f08
```
#6e8f08 rgb(110,143,8)
```
#719403
```
#719403 rgb(113,148,3)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6d725c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f801d Protanopia 1% of men
#9f7a29 Deuteranopia 1% of men
#7c8089 Tritanopia 0.001% of the population

Trichromacy

#81811a Protanomaly 1% of men, 0.01% of women
#8b7d21 Deuteranomaly 6% of men, 0.4% of women
#74815e Tritanomaly 0.01% of the population

#688314 hex color

#688314 Color Information

#688314 Color Conversion

Color Schemes with #688314

Alternatives to #688314

#688314 Preview

Shades and Tints of #688314

Tones of #688314

Color Blindness Simulator