#89afbf hex color

In a RGB color space, hex #89afbf is composed of 53.7% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 197.8 degrees, a saturation of 29.7% and a lightness of 64.3%. #89afbf color hex could be obtained by blending #ffffff with #135f7f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 69
- B 75
RGB color chart
- C 28
- M 8
- Y 0
- K 25
CMYK color chart

● #89afbf color description : Slightly desaturated blue.

The hexadecimal color #89afbf has RGB values of R:137, G:175, B:191 and CMYK values of C:0.28, M:0.08, Y:0, K:0.25. Its decimal value is 9023423.

Hex triplet	89afbf	`#89afbf`
RGB Decimal	137, 175, 191	`rgb(137,175,191)`
RGB Percent	53.7, 68.6, 74.9	`rgb(53.7%,68.6%,74.9%)`
CMYK	28, 8, 0, 25
HSL	197.8°, 29.7, 64.3	`hsl(197.8,29.7%,64.3%)`
HSV (or HSB)	197.8°, 28.3, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.283, -9.052, -12.348
XYZ	35.048, 39.739, 55.111
xyY	0.27, 0.306, 39.739
CIE-LCH	69.283, 15.311, 233.756
CIE-LUV	69.283, -19.653, -17.374
Hunter-Lab	63.039, -11.075, -7.707
Binary	10001001, 10101111, 10111111

#89afbf
```
#89afbf rgb(137,175,191)
```
#bf9989
```
#bf9989 rgb(191,153,137)
```

Complementary Color

#89bfb4
```
#89bfb4 rgb(137,191,180)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#8994bf
```
#8994bf rgb(137,148,191)
```

Analogous Color

#bfb489
```
#bfb489 rgb(191,180,137)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#bf8994
```
#bf8994 rgb(191,137,148)
```

Split Complementary Color

#afbf89
```
#afbf89 rgb(175,191,137)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#bf89af
```
#bf89af rgb(191,137,175)
```

Triadic Color

#89bf99
```
#89bf99 rgb(137,191,153)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#bf89af
```
#bf89af rgb(191,137,175)
```
#bf9989
```
#bf9989 rgb(191,153,137)
```

Tetradic Color

#588da3
```
#588da3 rgb(88,141,163)
```
#6899ad
```
#6899ad rgb(104,153,173)
```
#78a4b6
```
#78a4b6 rgb(120,164,182)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#9abac8
```
#9abac8 rgb(154,186,200)
```
#aac5d1
```
#aac5d1 rgb(170,197,209)
```
#bbd1da
```
#bbd1da rgb(187,209,218)
```

Monochromatic Color

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

#89bdbf
```
#89bdbf rgb(137,189,191)
```
#89b8bf
```
#89b8bf rgb(137,184,191)
```
#89b4bf
```
#89b4bf rgb(137,180,191)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#89abbf
```
#89abbf rgb(137,171,191)
```
#89a6bf
```
#89a6bf rgb(137,166,191)
```
#89a2bf
```
#89a2bf rgb(137,162,191)
```

Similar Colors

Text with hexadecimal color #89afbf

This text has a font color of #89afbf.

<span style="color:#89afbf;">Text here</span>

#89afbf background color

This paragraph has a background color of #89afbf.

<p style="background-color:#89afbf;">Content here</p>

#89afbf border color

This element has a border color of #89afbf.

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

CSS codes

.text {color:#89afbf;}

.background {background-color:#89afbf;}

.border {border:1px solid #89afbf;}

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1316
```
#0c1316 rgb(12,19,22)
```
#131e23
```
#131e23 rgb(19,30,35)
```
#1a292f
```
#1a292f rgb(26,41,47)
```
#21343c
```
#21343c rgb(33,52,60)
```
#273f49
```
#273f49 rgb(39,63,73)
```
#2e4a55
```
#2e4a55 rgb(46,74,85)
```
#355562
```
#355562 rgb(53,85,98)
```
#3c606f
```
#3c606f rgb(60,96,111)
```
#436b7c
```
#436b7c rgb(67,107,124)
```
#4a7688
```
#4a7688 rgb(74,118,136)
```
#518195
```
#518195 rgb(81,129,149)
```
#588ca2
```
#588ca2 rgb(88,140,162)
```

Shade Color Variation

#6395aa
```
#6395aa rgb(99,149,170)
```
#709eb1
```
#709eb1 rgb(112,158,177)
```
#7ca6b8
```
#7ca6b8 rgb(124,166,184)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#96b8c6
```
#96b8c6 rgb(150,184,198)
```
#a2c0cd
```
#a2c0cd rgb(162,192,205)
```
#afc9d4
```
#afc9d4 rgb(175,201,212)
```
#bcd1db
```
#bcd1db rgb(188,209,219)
```
#c9dae1
```
#c9dae1 rgb(201,218,225)
```
#d5e3e8
```
#d5e3e8 rgb(213,227,232)
```
#e2ebef
```
#e2ebef rgb(226,235,239)
```
#eff4f6
```
#eff4f6 rgb(239,244,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea6aa is the less saturated color, while #4ac9fe is the most saturated one.

#9ea6aa
```
#9ea6aa rgb(158,166,170)
```
#97a9b1
```
#97a9b1 rgb(151,169,177)
```
#90acb8
```
#90acb8 rgb(144,172,184)
```
#89afbf
```
#89afbf rgb(137,175,191)
```
#82b2c6
```
#82b2c6 rgb(130,178,198)
```
#7bb5cd
```
#7bb5cd rgb(123,181,205)
```
#74b8d4
```
#74b8d4 rgb(116,184,212)
```
#6dbadb
```
#6dbadb rgb(109,186,219)
```
#66bde2
```
#66bde2 rgb(102,189,226)
```
#5fc0e9
```
#5fc0e9 rgb(95,192,233)
```
#58c3f0
```
#58c3f0 rgb(88,195,240)
```
#51c6f7
```
#51c6f7 rgb(81,198,247)
```
#4ac9fe
```
#4ac9fe rgb(74,201,254)
```

Tone Color Variation

Below, you can see how #89afbf 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

#a5a5a5 Achromatopsia 0.005% of the population
#9fa7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#abacbe Protanopia 1% of men
#b1a9c5 Deuteranopia 1% of men
#8eb3c0 Tritanopia 0.001% of the population

Trichromacy

#9eadbe Protanomaly 1% of men, 0.01% of women
#a2abc3 Deuteranomaly 6% of men, 0.4% of women
#8cb1bf Tritanomaly 0.01% of the population

#89afbf hex color

#89afbf Color Information

#89afbf Color Conversion

Color Schemes with #89afbf

Alternatives to #89afbf

#89afbf Preview

Shades and Tints of #89afbf

Tones of #89afbf

Color Blindness Simulator