#688d93 hex color

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

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

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

The hexadecimal color #688d93 has RGB values of R:104, G:141, B:147 and CMYK values of C:0.29, M:0.04, Y:0, K:0.42. Its decimal value is 6851987.

Hex triplet	688d93	`#688d93`
RGB Decimal	104, 141, 147	`rgb(104,141,147)`
RGB Percent	40.8, 55.3, 57.6	`rgb(40.8%,55.3%,57.6%)`
CMYK	29, 4, 0, 42
HSL	188.4°, 17.1, 49.2	`hsl(188.4,17.1%,49.2%)`
HSV (or HSB)	188.4°, 29.3, 57.6
Web Safe	669999	`#669999`

CIE-LAB	56.186, -11.3, -7.358
XYZ	20.499, 24.099, 31.174
xyY	0.271, 0.318, 24.099
CIE-LCH	56.186, 13.485, 213.069
CIE-LUV	56.186, -18.551, -8.918
Hunter-Lab	49.09, -11.371, -3.287
Binary	01101000, 10001101, 10010011

#688d93
```
#688d93 rgb(104,141,147)
```
#936e68
```
#936e68 rgb(147,110,104)
```

Complementary Color

#689384
```
#689384 rgb(104,147,132)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#687893
```
#687893 rgb(104,120,147)
```

Analogous Color

#938468
```
#938468 rgb(147,132,104)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#936878
```
#936878 rgb(147,104,120)
```

Split Complementary Color

#8d9368
```
#8d9368 rgb(141,147,104)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#93688d
```
#93688d rgb(147,104,141)
```

Triadic Color

#68936e
```
#68936e rgb(104,147,110)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#93688d
```
#93688d rgb(147,104,141)
```
#936e68
```
#936e68 rgb(147,110,104)
```

Tetradic Color

#486266
```
#486266 rgb(72,98,102)
```
#537075
```
#537075 rgb(83,112,117)
```
#5d7f84
```
#5d7f84 rgb(93,127,132)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#76999e
```
#76999e rgb(118,153,158)
```
#85a4a9
```
#85a4a9 rgb(133,164,169)
```
#94afb3
```
#94afb3 rgb(148,175,179)
```

Monochromatic Color

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

#68938e
```
#68938e rgb(104,147,142)
```
#689392
```
#689392 rgb(104,147,146)
```
#689193
```
#689193 rgb(104,145,147)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#688993
```
#688993 rgb(104,137,147)
```
#688693
```
#688693 rgb(104,134,147)
```
#688293
```
#688293 rgb(104,130,147)
```

Similar Colors

Text with hexadecimal color #688d93

This text has a font color of #688d93.

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

#688d93 background color

This paragraph has a background color of #688d93.

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

#688d93 border color

This element has a border color of #688d93.

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

CSS codes

.text {color:#688d93;}

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

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

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)
```
#3f565a
```
#3f565a rgb(63,86,90)
```
#476165
```
#476165 rgb(71,97,101)
```
#506c71
```
#506c71 rgb(80,108,113)
```
#58777c
```
#58777c rgb(88,119,124)
```
#608288
```
#608288 rgb(96,130,136)
```
#688d93
```
#688d93 rgb(104,141,147)
```

Shade Color Variation

#73969c
```
#73969c rgb(115,150,156)
```
#7e9fa4
```
#7e9fa4 rgb(126,159,164)
```
#8aa7ac
```
#8aa7ac rgb(138,167,172)
```
#95b0b4
```
#95b0b4 rgb(149,176,180)
```
#a1b8bc
```
#a1b8bc rgb(161,184,188)
```
#acc1c4
```
#acc1c4 rgb(172,193,196)
```
#b8cacd
```
#b8cacd rgb(184,202,205)
```
#c3d2d5
```
#c3d2d5 rgb(195,210,213)
```
#cfdbdd
```
#cfdbdd rgb(207,219,221)
```
#dae3e5
```
#dae3e5 rgb(218,227,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 #07d3f4 is the most saturated one.

#7b7f80
```
#7b7f80 rgb(123,127,128)
```
#728689
```
#728689 rgb(114,134,137)
```
#688d93
```
#688d93 rgb(104,141,147)
```
#5e949d
```
#5e949d rgb(94,148,157)
```
#559ba6
```
#559ba6 rgb(85,155,166)
```
#4ba2b0
```
#4ba2b0 rgb(75,162,176)
```
#41a9ba
```
#41a9ba rgb(65,169,186)
```
#38b0c3
```
#38b0c3 rgb(56,176,195)
```
#2eb7cd
```
#2eb7cd rgb(46,183,205)
```
#24bed7
```
#24bed7 rgb(36,190,215)
```
#1bc5e0
```
#1bc5e0 rgb(27,197,224)
```
#11ccea
```
#11ccea rgb(17,204,234)
```
#07d3f4
```
#07d3f4 rgb(7,211,244)
```

Tone Color Variation

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

#8c8c94 Protanopia 1% of men
#92899b Deuteranopia 1% of men
#71929c Tritanopia 0.001% of the population

Trichromacy

#7f8c94 Protanomaly 1% of men, 0.01% of women
#838a98 Deuteranomaly 6% of men, 0.4% of women
#6d9099 Tritanomaly 0.01% of the population

#688d93 hex color

#688d93 Color Information

#688d93 Color Conversion

Color Schemes with #688d93

Alternatives to #688d93

#688d93 Preview

Shades and Tints of #688d93

Tones of #688d93

Color Blindness Simulator