#688a8e hex color

In a RGB color space, hex #688a8e is composed of 40.8% red, 54.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 2.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 186.3 degrees, a saturation of 15.4% and a lightness of 48.2%. #688a8e color hex could be obtained by blending #d0ffff with #00151d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 54
- B 56
RGB color chart
- C 27
- M 3
- Y 0
- K 44
CMYK color chart

● #688a8e color description : Mostly desaturated dark cyan.

The hexadecimal color #688a8e has RGB values of R:104, G:138, B:142 and CMYK values of C:0.27, M:0.03, Y:0, K:0.44. Its decimal value is 6851214.

Hex triplet	688a8e	`#688a8e`
RGB Decimal	104, 138, 142	`rgb(104,138,142)`
RGB Percent	40.8, 54.1, 55.7	`rgb(40.8%,54.1%,55.7%)`
CMYK	27, 3, 0, 44
HSL	186.3°, 15.4, 48.2	`hsl(186.3,15.4%,48.2%)`
HSV (or HSB)	186.3°, 26.8, 55.7
Web Safe	669999	`#669999`

CIE-LAB	55.147, -10.873, -6.022
XYZ	19.679, 23.072, 29.006
xyY	0.274, 0.322, 23.072
CIE-LCH	55.147, 12.429, 208.979
CIE-LUV	55.147, -17.201, -6.972
Hunter-Lab	48.034, -10.93, -2.18
Binary	01101000, 10001010, 10001110

#688a8e
```
#688a8e rgb(104,138,142)
```
#8e6c68
```
#8e6c68 rgb(142,108,104)
```

Complementary Color

#688e7f
```
#688e7f rgb(104,142,127)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#68778e
```
#68778e rgb(104,119,142)
```

Analogous Color

#8e7f68
```
#8e7f68 rgb(142,127,104)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#8e6877
```
#8e6877 rgb(142,104,119)
```

Split Complementary Color

#8a8e68
```
#8a8e68 rgb(138,142,104)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#8e688a
```
#8e688a rgb(142,104,138)
```

Triadic Color

#688e6c
```
#688e6c rgb(104,142,108)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#8e688a
```
#8e688a rgb(142,104,138)
```
#8e6c68
```
#8e6c68 rgb(142,108,104)
```

Tetradic Color

#485f62
```
#485f62 rgb(72,95,98)
```
#526d71
```
#526d71 rgb(82,109,113)
```
#5d7c7f
```
#5d7c7f rgb(93,124,127)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#75969a
```
#75969a rgb(117,150,154)
```
#84a1a5
```
#84a1a5 rgb(132,161,165)
```
#93adb0
```
#93adb0 rgb(147,173,176)
```

Monochromatic Color

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

#688e89
```
#688e89 rgb(104,142,137)
```
#688e8c
```
#688e8c rgb(104,142,140)
```
#688d8e
```
#688d8e rgb(104,141,142)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#68878e
```
#68878e rgb(104,135,142)
```
#68848e
```
#68848e rgb(104,132,142)
```
#68818e
```
#68818e rgb(104,129,142)
```

Similar Colors

Text with hexadecimal color #688a8e

This text has a font color of #688a8e.

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

#688a8e background color

This paragraph has a background color of #688a8e.

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

#688a8e border color

This element has a border color of #688a8e.

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

CSS codes

.text {color:#688a8e;}

.background {background-color:#688a8e;}

.border {border:1px solid #688a8e;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0d1111
```
#0d1111 rgb(13,17,17)
```
#151c1d
```
#151c1d rgb(21,28,29)
```
#1d2728
```
#1d2728 rgb(29,39,40)
```
#263233
```
#263233 rgb(38,50,51)
```
#2e3d3f
```
#2e3d3f rgb(46,61,63)
```
#36484a
```
#36484a rgb(54,72,74)
```
#3f5355
```
#3f5355 rgb(63,83,85)
```
#475e61
```
#475e61 rgb(71,94,97)
```
#4f696c
```
#4f696c rgb(79,105,108)
```
#577477
```
#577477 rgb(87,116,119)
```
#607f83
```
#607f83 rgb(96,127,131)
```
#688a8e
```
#688a8e rgb(104,138,142)
```

Shade Color Variation

#729498
```
#729498 rgb(114,148,152)
```
#7d9ca0
```
#7d9ca0 rgb(125,156,160)
```
#89a5a8
```
#89a5a8 rgb(137,165,168)
```
#94aeb1
```
#94aeb1 rgb(148,174,177)
```
#9fb6b9
```
#9fb6b9 rgb(159,182,185)
```
#abbfc1
```
#abbfc1 rgb(171,191,193)
```
#b6c7c9
```
#b6c7c9 rgb(182,199,201)
```
#c1d0d2
```
#c1d0d2 rgb(193,208,210)
```
#cdd9da
```
#cdd9da rgb(205,217,218)
```
#d8e1e2
```
#d8e1e2 rgb(216,225,226)
```
#e3eaeb
```
#e3eaeb rgb(227,234,235)
```
#eef2f3
```
#eef2f3 rgb(238,242,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#718385
```
#718385 rgb(113,131,133)
```
#688a8e
```
#688a8e rgb(104,138,142)
```
#5f9197
```
#5f9197 rgb(95,145,151)
```
#5599a1
```
#5599a1 rgb(85,153,161)
```
#4ca0aa
```
#4ca0aa rgb(76,160,170)
```
#42a8b4
```
#42a8b4 rgb(66,168,180)
```
#39afbd
```
#39afbd rgb(57,175,189)
```
#2fb7c7
```
#2fb7c7 rgb(47,183,199)
```
#26bed0
```
#26bed0 rgb(38,190,208)
```
#1cc6da
```
#1cc6da rgb(28,198,218)
```
#13cde3
```
#13cde3 rgb(19,205,227)
```
#09d5ed
```
#09d5ed rgb(9,213,237)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#7b8283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8990 Protanopia 1% of men
#918697 Deuteranopia 1% of men
#718f99 Tritanopia 0.001% of the population

Trichromacy

#7e898f Protanomaly 1% of men, 0.01% of women
#828893 Deuteranomaly 6% of men, 0.4% of women
#6d8d95 Tritanomaly 0.01% of the population

#688a8e hex color

#688a8e Color Information

#688a8e Color Conversion

Color Schemes with #688a8e

Alternatives to #688a8e

#688a8e Preview

Shades and Tints of #688a8e

Tones of #688a8e

Color Blindness Simulator