#688b8e hex color

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

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

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

The hexadecimal color #688b8e has RGB values of R:104, G:139, B:142 and CMYK values of C:0.27, M:0.02, Y:0, K:0.44. Its decimal value is 6851470.

Hex triplet	688b8e	`#688b8e`
RGB Decimal	104, 139, 142	`rgb(104,139,142)`
RGB Percent	40.8, 54.5, 55.7	`rgb(40.8%,54.5%,55.7%)`
CMYK	27, 2, 0, 44
HSL	184.7°, 15.4, 48.2	`hsl(184.7,15.4%,48.2%)`
HSV (or HSB)	184.7°, 26.8, 55.7
Web Safe	669999	`#669999`

CIE-LAB	55.442, -11.425, -5.584
XYZ	19.823, 23.361, 29.054
xyY	0.274, 0.323, 23.361
CIE-LCH	55.442, 12.716, 206.049
CIE-LUV	55.442, -17.648, -6.254
Hunter-Lab	48.333, -11.374, -1.808
Binary	01101000, 10001011, 10001110

#688b8e
```
#688b8e rgb(104,139,142)
```
#8e6b68
```
#8e6b68 rgb(142,107,104)
```

Complementary Color

#688e7e
```
#688e7e rgb(104,142,126)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#68788e
```
#68788e rgb(104,120,142)
```

Analogous Color

#8e7e68
```
#8e7e68 rgb(142,126,104)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#8e6878
```
#8e6878 rgb(142,104,120)
```

Split Complementary Color

#8b8e68
```
#8b8e68 rgb(139,142,104)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#8e688b
```
#8e688b rgb(142,104,139)
```

Triadic Color

#688e6b
```
#688e6b rgb(104,142,107)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#8e688b
```
#8e688b rgb(142,104,139)
```
#8e6b68
```
#8e6b68 rgb(142,107,104)
```

Tetradic Color

#486062
```
#486062 rgb(72,96,98)
```
#526e71
```
#526e71 rgb(82,110,113)
```
#5d7d7f
```
#5d7d7f rgb(93,125,127)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#75979a
```
#75979a rgb(117,151,154)
```
#84a2a5
```
#84a2a5 rgb(132,162,165)
```
#93adb0
```
#93adb0 rgb(147,173,176)
```

Monochromatic Color

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

#688e88
```
#688e88 rgb(104,142,136)
```
#688e8b
```
#688e8b rgb(104,142,139)
```
#688e8e
```
#688e8e rgb(104,142,142)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#68888e
```
#68888e rgb(104,136,142)
```
#68858e
```
#68858e rgb(104,133,142)
```
#68828e
```
#68828e rgb(104,130,142)
```

Similar Colors

Text with hexadecimal color #688b8e

This text has a font color of #688b8e.

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

#688b8e background color

This paragraph has a background color of #688b8e.

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

#688b8e border color

This element has a border color of #688b8e.

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

CSS codes

.text {color:#688b8e;}

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

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

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)
```
#3f5455
```
#3f5455 rgb(63,84,85)
```
#475f61
```
#475f61 rgb(71,95,97)
```
#4f6a6c
```
#4f6a6c rgb(79,106,108)
```
#577577
```
#577577 rgb(87,117,119)
```
#608083
```
#608083 rgb(96,128,131)
```
#688b8e
```
#688b8e rgb(104,139,142)
```

Shade Color Variation

#729598
```
#729598 rgb(114,149,152)
```
#7d9da0
```
#7d9da0 rgb(125,157,160)
```
#89a6a8
```
#89a6a8 rgb(137,166,168)
```
#94aeb1
```
#94aeb1 rgb(148,174,177)
```
#9fb7b9
```
#9fb7b9 rgb(159,183,185)
```
#abbfc1
```
#abbfc1 rgb(171,191,193)
```
#b6c8c9
```
#b6c8c9 rgb(182,200,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)
```
#eef3f3
```
#eef3f3 rgb(238,243,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 #09dbed is the most saturated one.

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#718385
```
#718385 rgb(113,131,133)
```
#688b8e
```
#688b8e rgb(104,139,142)
```
#5f9397
```
#5f9397 rgb(95,147,151)
```
#559ba1
```
#559ba1 rgb(85,155,161)
```
#4ca3aa
```
#4ca3aa rgb(76,163,170)
```
#42abb4
```
#42abb4 rgb(66,171,180)
```
#39b3bd
```
#39b3bd rgb(57,179,189)
```
#2fbbc7
```
#2fbbc7 rgb(47,187,199)
```
#26c3d0
```
#26c3d0 rgb(38,195,208)
```
#1ccbda
```
#1ccbda rgb(28,203,218)
```
#13d3e3
```
#13d3e3 rgb(19,211,227)
```
#09dbed
```
#09dbed rgb(9,219,237)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7c8384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8a90 Protanopia 1% of men
#928797 Deuteranopia 1% of men
#718f9a Tritanopia 0.001% of the population

Trichromacy

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

#688b8e hex color

#688b8e Color Information

#688b8e Color Conversion

Color Schemes with #688b8e

Alternatives to #688b8e

#688b8e Preview

Shades and Tints of #688b8e

Tones of #688b8e

Color Blindness Simulator