#688e93 hex color

In a RGB color space, hex #688e93 is composed of 40.8% red, 55.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 3.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 187 degrees, a saturation of 17.1% and a lightness of 49.2%. #688e93 color hex could be obtained by blending #d0ffff with #001d27. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 56
- B 58
RGB color chart
- C 29
- M 3
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #688e93 has RGB values of R:104, G:142, B:147 and CMYK values of C:0.29, M:0.03, Y:0, K:0.42. Its decimal value is 6852243.

Hex triplet	688e93	`#688e93`
RGB Decimal	104, 142, 147	`rgb(104,142,147)`
RGB Percent	40.8, 55.7, 57.6	`rgb(40.8%,55.7%,57.6%)`
CMYK	29, 3, 0, 42
HSL	187°, 17.1, 49.2	`hsl(187,17.1%,49.2%)`
HSV (or HSB)	187°, 29.3, 57.6
Web Safe	669999	`#669999`

CIE-LAB	56.481, -11.85, -6.92
XYZ	20.647, 24.395, 31.223
xyY	0.271, 0.32, 24.395
CIE-LCH	56.481, 13.722, 210.283
CIE-LUV	56.481, -18.992, -8.194
Hunter-Lab	49.391, -11.816, -2.907
Binary	01101000, 10001110, 10010011

#688e93
```
#688e93 rgb(104,142,147)
```
#936d68
```
#936d68 rgb(147,109,104)
```

Complementary Color

#689383
```
#689383 rgb(104,147,131)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#687993
```
#687993 rgb(104,121,147)
```

Analogous Color

#938368
```
#938368 rgb(147,131,104)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#936879
```
#936879 rgb(147,104,121)
```

Split Complementary Color

#8e9368
```
#8e9368 rgb(142,147,104)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#93688e
```
#93688e rgb(147,104,142)
```

Triadic Color

#68936d
```
#68936d rgb(104,147,109)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#93688e
```
#93688e rgb(147,104,142)
```
#936d68
```
#936d68 rgb(147,109,104)
```

Tetradic Color

#486366
```
#486366 rgb(72,99,102)
```
#537175
```
#537175 rgb(83,113,117)
```
#5d8084
```
#5d8084 rgb(93,128,132)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#769a9e
```
#769a9e rgb(118,154,158)
```
#85a5a9
```
#85a5a9 rgb(133,165,169)
```
#94b0b3
```
#94b0b3 rgb(148,176,179)
```

Monochromatic Color

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

#68938d
```
#68938d rgb(104,147,141)
```
#689391
```
#689391 rgb(104,147,145)
```
#689293
```
#689293 rgb(104,146,147)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#688a93
```
#688a93 rgb(104,138,147)
```
#688793
```
#688793 rgb(104,135,147)
```
#688393
```
#688393 rgb(104,131,147)
```

Similar Colors

Text with hexadecimal color #688e93

This text has a font color of #688e93.

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

#688e93 background color

This paragraph has a background color of #688e93.

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

#688e93 border color

This element has a border color of #688e93.

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

CSS codes

.text {color:#688e93;}

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

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

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

#060909
```
#060909 rgb(6,9,9)
```
#0f1415
```
#0f1415 rgb(15,20,21)
```
#171f20
```
#171f20 rgb(23,31,32)
```
#1f2a2c
```
#1f2a2c rgb(31,42,44)
```
#273537
```
#273537 rgb(39,53,55)
```
#2f4043
```
#2f4043 rgb(47,64,67)
```
#374b4e
```
#374b4e rgb(55,75,78)
```
#3f575a
```
#3f575a rgb(63,87,90)
```
#476265
```
#476265 rgb(71,98,101)
```
#506d71
```
#506d71 rgb(80,109,113)
```
#58787c
```
#58787c rgb(88,120,124)
```
#608388
```
#608388 rgb(96,131,136)
```
#688e93
```
#688e93 rgb(104,142,147)
```

Shade Color Variation

#73979c
```
#73979c rgb(115,151,156)
```
#7ea0a4
```
#7ea0a4 rgb(126,160,164)
```
#8aa8ac
```
#8aa8ac rgb(138,168,172)
```
#95b1b4
```
#95b1b4 rgb(149,177,180)
```
#a1b9bc
```
#a1b9bc rgb(161,185,188)
```
#acc2c4
```
#acc2c4 rgb(172,194,196)
```
#b8cacd
```
#b8cacd rgb(184,202,205)
```
#c3d3d5
```
#c3d3d5 rgb(195,211,213)
```
#cfdbdd
```
#cfdbdd rgb(207,219,221)
```
#dae4e5
```
#dae4e5 rgb(218,228,229)
```
#e6eced
```
#e6eced rgb(230,236,237)
```
#f1f5f5
```
#f1f5f5 rgb(241,245,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#7b7f80
```
#7b7f80 rgb(123,127,128)
```
#728789
```
#728789 rgb(114,135,137)
```
#688e93
```
#688e93 rgb(104,142,147)
```
#5e959d
```
#5e959d rgb(94,149,157)
```
#559da6
```
#559da6 rgb(85,157,166)
```
#4ba4b0
```
#4ba4b0 rgb(75,164,176)
```
#41acba
```
#41acba rgb(65,172,186)
```
#38b3c3
```
#38b3c3 rgb(56,179,195)
```
#2ebacd
```
#2ebacd rgb(46,186,205)
```
#24c2d7
```
#24c2d7 rgb(36,194,215)
```
#1bc9e0
```
#1bc9e0 rgb(27,201,224)
```
#11d1ea
```
#11d1ea rgb(17,209,234)
```
#07d8f4
```
#07d8f4 rgb(7,216,244)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7e8586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8c94 Protanopia 1% of men
#938a9b Deuteranopia 1% of men
#71939d Tritanopia 0.001% of the population

Trichromacy

#808d94 Protanomaly 1% of men, 0.01% of women
#838b98 Deuteranomaly 6% of men, 0.4% of women
#6d9199 Tritanomaly 0.01% of the population

#688e93 hex color

#688e93 Color Information

#688e93 Color Conversion

Color Schemes with #688e93

Alternatives to #688e93

#688e93 Preview

Shades and Tints of #688e93

Tones of #688e93

Color Blindness Simulator