#688e9a hex color

In a RGB color space, hex #688e9a is composed of 40.8% red, 55.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 7.8% magenta, 0% yellow and 39.6% black. It has a hue angle of 194.4 degrees, a saturation of 19.8% and a lightness of 50.6%. #688e9a color hex could be obtained by blending #d0ffff with #001d35. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 56
- B 60
RGB color chart
- C 32
- M 8
- Y 0
- K 40
CMYK color chart

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

The hexadecimal color #688e9a has RGB values of R:104, G:142, B:154 and CMYK values of C:0.32, M:0.08, Y:0, K:0.4. Its decimal value is 6852250.

Hex triplet	688e9a	`#688e9a`
RGB Decimal	104, 142, 154	`rgb(104,142,154)`
RGB Percent	40.8, 55.7, 60.4	`rgb(40.8%,55.7%,60.4%)`
CMYK	32, 8, 0, 40
HSL	194.4°, 19.8, 50.6	`hsl(194.4,19.8%,50.6%)`
HSV (or HSB)	194.4°, 32.5, 60.4
Web Safe	669999	`#669999`

CIE-LAB	56.705, -10.091, -10.605
XYZ	21.213, 24.621, 34.205
xyY	0.265, 0.308, 24.621
CIE-LCH	56.705, 14.639, 226.425
CIE-LUV	56.705, -19.001, -14.002
Hunter-Lab	49.62, -10.523, -6.137
Binary	01101000, 10001110, 10011010

#688e9a
```
#688e9a rgb(104,142,154)
```
#9a7468
```
#9a7468 rgb(154,116,104)
```

Complementary Color

#689a8d
```
#689a8d rgb(104,154,141)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#68759a
```
#68759a rgb(104,117,154)
```

Analogous Color

#9a8d68
```
#9a8d68 rgb(154,141,104)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#9a6875
```
#9a6875 rgb(154,104,117)
```

Split Complementary Color

#8e9a68
```
#8e9a68 rgb(142,154,104)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#9a688e
```
#9a688e rgb(154,104,142)
```

Triadic Color

#689a74
```
#689a74 rgb(104,154,116)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#9a688e
```
#9a688e rgb(154,104,142)
```
#9a7468
```
#9a7468 rgb(154,116,104)
```

Tetradic Color

#49646d
```
#49646d rgb(73,100,109)
```
#53727c
```
#53727c rgb(83,114,124)
```
#5d808b
```
#5d808b rgb(93,128,139)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#7799a4
```
#7799a4 rgb(119,153,164)
```
#87a5ae
```
#87a5ae rgb(135,165,174)
```
#96b0b9
```
#96b0b9 rgb(150,176,185)
```

Monochromatic Color

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

#689a9a
```
#689a9a rgb(104,154,154)
```
#68969a
```
#68969a rgb(104,150,154)
```
#68929a
```
#68929a rgb(104,146,154)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#688a9a
```
#688a9a rgb(104,138,154)
```
#68869a
```
#68869a rgb(104,134,154)
```
#68829a
```
#68829a rgb(104,130,154)
```

Similar Colors

Text with hexadecimal color #688e9a

This text has a font color of #688e9a.

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

#688e9a background color

This paragraph has a background color of #688e9a.

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

#688e9a border color

This element has a border color of #688e9a.

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

CSS codes

.text {color:#688e9a;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090c0e
```
#090c0e rgb(9,12,14)
```
#111719
```
#111719 rgb(17,23,25)
```
#192225
```
#192225 rgb(25,34,37)
```
#212d31
```
#212d31 rgb(33,45,49)
```
#29383d
```
#29383d rgb(41,56,61)
```
#304348
```
#304348 rgb(48,67,72)
```
#384d54
```
#384d54 rgb(56,77,84)
```
#405860
```
#405860 rgb(64,88,96)
```
#48636c
```
#48636c rgb(72,99,108)
```
#506e77
```
#506e77 rgb(80,110,119)
```
#587983
```
#587983 rgb(88,121,131)
```
#60838f
```
#60838f rgb(96,131,143)
```

Shade Color Variation

#688e9a
```
#688e9a rgb(104,142,154)
```
#7497a2
```
#7497a2 rgb(116,151,162)
```
#80a0aa
```
#80a0aa rgb(128,160,170)
```
#8ba8b2
```
#8ba8b2 rgb(139,168,178)
```
#97b1b9
```
#97b1b9 rgb(151,177,185)
```
#a3bac1
```
#a3bac1 rgb(163,186,193)
```
#afc3c9
```
#afc3c9 rgb(175,195,201)
```
#baccd1
```
#baccd1 rgb(186,204,209)
```
#c6d4d9
```
#c6d4d9 rgb(198,212,217)
```
#d2dde1
```
#d2dde1 rgb(210,221,225)
```
#dee6e9
```
#dee6e9 rgb(222,230,233)
```
#e9eff0
```
#e9eff0 rgb(233,239,240)
```
#f5f8f8
```
#f5f8f8 rgb(245,248,248)
```

Tint Color Variation

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

#7b8487
```
#7b8487 rgb(123,132,135)
```
#728990
```
#728990 rgb(114,137,144)
```
#688e9a
```
#688e9a rgb(104,142,154)
```
#5e93a4
```
#5e93a4 rgb(94,147,164)
```
#5598ad
```
#5598ad rgb(85,152,173)
```
#4b9db7
```
#4b9db7 rgb(75,157,183)
```
#41a2c1
```
#41a2c1 rgb(65,162,193)
```
#38a7ca
```
#38a7ca rgb(56,167,202)
```
#2eacd4
```
#2eacd4 rgb(46,172,212)
```
#24b1de
```
#24b1de rgb(36,177,222)
```
#1ab6e8
```
#1ab6e8 rgb(26,182,232)
```
#11bbf1
```
#11bbf1 rgb(17,187,241)
```
#07c0fb
```
#07c0fb rgb(7,192,251)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7e8688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8d9b Protanopia 1% of men
#918aa2 Deuteranopia 1% of men
#6f939e Tritanopia 0.001% of the population

Trichromacy

#7f8d9a Protanomaly 1% of men, 0.01% of women
#828c9f Deuteranomaly 6% of men, 0.4% of women
#6c919c Tritanomaly 0.01% of the population

#688e9a hex color

#688e9a Color Information

#688e9a Color Conversion

Color Schemes with #688e9a

Alternatives to #688e9a

#688e9a Preview

Shades and Tints of #688e9a

Tones of #688e9a

Color Blindness Simulator