#688c97 hex color

In a RGB color space, hex #688c97 is composed of 40.8% red, 54.9% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 7.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 194 degrees, a saturation of 18.4% and a lightness of 50%. #688c97 color hex could be obtained by blending #d0ffff with #00192f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 55
- B 59
RGB color chart
- C 31
- M 7
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #688c97 has RGB values of R:104, G:140, B:151 and CMYK values of C:0.31, M:0.07, Y:0, K:0.41. Its decimal value is 6851735.

Hex triplet	688c97	`#688c97`
RGB Decimal	104, 140, 151	`rgb(104,140,151)`
RGB Percent	40.8, 54.9, 59.2	`rgb(40.8%,54.9%,59.2%)`
CMYK	31, 7, 0, 41
HSL	194°, 18.4, 50	`hsl(194,18.4%,50%)`
HSV (or HSB)	194°, 31.1, 59.2
Web Safe	669999	`#669999`

CIE-LAB	56.02, -9.746, -9.907
XYZ	20.672, 23.933, 32.807
xyY	0.267, 0.309, 23.933
CIE-LCH	56.02, 13.897, 225.47
CIE-LUV	56.02, -18.124, -12.961
Hunter-Lab	48.921, -10.187, -5.515
Binary	01101000, 10001100, 10010111

#688c97
```
#688c97 rgb(104,140,151)
```
#977368
```
#977368 rgb(151,115,104)
```

Complementary Color

#68978b
```
#68978b rgb(104,151,139)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#687597
```
#687597 rgb(104,117,151)
```

Analogous Color

#978b68
```
#978b68 rgb(151,139,104)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#976875
```
#976875 rgb(151,104,117)
```

Split Complementary Color

#8c9768
```
#8c9768 rgb(140,151,104)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#97688c
```
#97688c rgb(151,104,140)
```

Triadic Color

#689773
```
#689773 rgb(104,151,115)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#97688c
```
#97688c rgb(151,104,140)
```
#977368
```
#977368 rgb(151,115,104)
```

Tetradic Color

#49626a
```
#49626a rgb(73,98,106)
```
#537079
```
#537079 rgb(83,112,121)
```
#5e7e88
```
#5e7e88 rgb(94,126,136)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#7798a1
```
#7798a1 rgb(119,152,161)
```
#86a3ac
```
#86a3ac rgb(134,163,172)
```
#95afb6
```
#95afb6 rgb(149,175,182)
```

Monochromatic Color

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

#689796
```
#689796 rgb(104,151,150)
```
#689497
```
#689497 rgb(104,148,151)
```
#689097
```
#689097 rgb(104,144,151)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#688897
```
#688897 rgb(104,136,151)
```
#688497
```
#688497 rgb(104,132,151)
```
#688097
```
#688097 rgb(104,128,151)
```

Similar Colors

Text with hexadecimal color #688c97

This text has a font color of #688c97.

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

#688c97 background color

This paragraph has a background color of #688c97.

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

#688c97 border color

This element has a border color of #688c97.

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

CSS codes

.text {color:#688c97;}

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

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

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, #080b0c is the darkest color, while #ffffff is the lightest one.

#080b0c
```
#080b0c rgb(8,11,12)
```
#101617
```
#101617 rgb(16,22,23)
```
#182023
```
#182023 rgb(24,32,35)
```
#202b2e
```
#202b2e rgb(32,43,46)
```
#28363a
```
#28363a rgb(40,54,58)
```
#304146
```
#304146 rgb(48,65,70)
```
#384b51
```
#384b51 rgb(56,75,81)
```
#40565d
```
#40565d rgb(64,86,93)
```
#486169
```
#486169 rgb(72,97,105)
```
#506c74
```
#506c74 rgb(80,108,116)
```
#587680
```
#587680 rgb(88,118,128)
```
#60818b
```
#60818b rgb(96,129,139)
```
#688c97
```
#688c97 rgb(104,140,151)
```

Shade Color Variation

#74959f
```
#74959f rgb(116,149,159)
```
#7f9ea7
```
#7f9ea7 rgb(127,158,167)
```
#8ba7af
```
#8ba7af rgb(139,167,175)
```
#96afb7
```
#96afb7 rgb(150,175,183)
```
#a2b8bf
```
#a2b8bf rgb(162,184,191)
```
#aec1c7
```
#aec1c7 rgb(174,193,199)
```
#b9cacf
```
#b9cacf rgb(185,202,207)
```
#c5d3d7
```
#c5d3d7 rgb(197,211,215)
```
#d1dcdf
```
#d1dcdf rgb(209,220,223)
```
#dce4e7
```
#dce4e7 rgb(220,228,231)
```
#e8edef
```
#e8edef rgb(232,237,239)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c8283
```
#7c8283 rgb(124,130,131)
```
#72878d
```
#72878d rgb(114,135,141)
```
#688c97
```
#688c97 rgb(104,140,151)
```
#5e91a1
```
#5e91a1 rgb(94,145,161)
```
#5496ab
```
#5496ab rgb(84,150,171)
```
#4b9cb4
```
#4b9cb4 rgb(75,156,180)
```
#41a1be
```
#41a1be rgb(65,161,190)
```
#37a6c8
```
#37a6c8 rgb(55,166,200)
```
#2dabd2
```
#2dabd2 rgb(45,171,210)
```
#23b1dc
```
#23b1dc rgb(35,177,220)
```
#1ab6e5
```
#1ab6e5 rgb(26,182,229)
```
#10bbef
```
#10bbef rgb(16,187,239)
```
#06c0f9
```
#06c0f9 rgb(6,192,249)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7d8486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8b98 Protanopia 1% of men
#90899f Deuteranopia 1% of men
#6f919c Tritanopia 0.001% of the population

Trichromacy

#7e8b98 Protanomaly 1% of men, 0.01% of women
#818a9c Deuteranomaly 6% of men, 0.4% of women
#6d8f9a Tritanomaly 0.01% of the population

#688c97 hex color

#688c97 Color Information

#688c97 Color Conversion

Color Schemes with #688c97

Alternatives to #688c97

#688c97 Preview

Shades and Tints of #688c97

Tones of #688c97

Color Blindness Simulator