#89b0bf hex color

In a RGB color space, hex #89b0bf is composed of 53.7% red, 69% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 7.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.7 degrees, a saturation of 29.7% and a lightness of 64.3%. #89b0bf color hex could be obtained by blending #ffffff with #13617f. 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

● #89b0bf color description : Slightly desaturated blue.

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

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

CIE-LAB	69.562, -9.588, -11.931
XYZ	35.244, 40.129, 55.176
xyY	0.27, 0.307, 40.129
CIE-LCH	69.562, 15.306, 231.213
CIE-LUV	69.562, -20.091, -16.645
Hunter-Lab	63.348, -11.55, -7.298
Binary	10001001, 10110000, 10111111

#89b0bf
```
#89b0bf rgb(137,176,191)
```
#bf9889
```
#bf9889 rgb(191,152,137)
```

Complementary Color

#89bfb3
```
#89bfb3 rgb(137,191,179)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#8995bf
```
#8995bf rgb(137,149,191)
```

Analogous Color

#bfb389
```
#bfb389 rgb(191,179,137)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#bf8995
```
#bf8995 rgb(191,137,149)
```

Split Complementary Color

#b0bf89
```
#b0bf89 rgb(176,191,137)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#bf89b0
```
#bf89b0 rgb(191,137,176)
```

Triadic Color

#89bf98
```
#89bf98 rgb(137,191,152)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#bf89b0
```
#bf89b0 rgb(191,137,176)
```
#bf9889
```
#bf9889 rgb(191,152,137)
```

Tetradic Color

#588ea3
```
#588ea3 rgb(88,142,163)
```
#689aad
```
#689aad rgb(104,154,173)
```
#78a5b6
```
#78a5b6 rgb(120,165,182)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#9abbc8
```
#9abbc8 rgb(154,187,200)
```
#aac6d1
```
#aac6d1 rgb(170,198,209)
```
#bbd1da
```
#bbd1da rgb(187,209,218)
```

Monochromatic Color

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

#89bebf
```
#89bebf rgb(137,190,191)
```
#89b9bf
```
#89b9bf rgb(137,185,191)
```
#89b5bf
```
#89b5bf rgb(137,181,191)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#89acbf
```
#89acbf rgb(137,172,191)
```
#89a7bf
```
#89a7bf rgb(137,167,191)
```
#89a3bf
```
#89a3bf rgb(137,163,191)
```

Similar Colors

Text with hexadecimal color #89b0bf

This text has a font color of #89b0bf.

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

#89b0bf background color

This paragraph has a background color of #89b0bf.

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

#89b0bf border color

This element has a border color of #89b0bf.

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

CSS codes

.text {color:#89b0bf;}

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

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

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)
```
#274049
```
#274049 rgb(39,64,73)
```
#2e4b55
```
#2e4b55 rgb(46,75,85)
```
#355662
```
#355662 rgb(53,86,98)
```
#3c616f
```
#3c616f rgb(60,97,111)
```
#436c7c
```
#436c7c rgb(67,108,124)
```
#4a7788
```
#4a7788 rgb(74,119,136)
```
#518295
```
#518295 rgb(81,130,149)
```
#588da2
```
#588da2 rgb(88,141,162)
```

Shade Color Variation

#6396aa
```
#6396aa rgb(99,150,170)
```
#709fb1
```
#709fb1 rgb(112,159,177)
```
#7ca7b8
```
#7ca7b8 rgb(124,167,184)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#96b9c6
```
#96b9c6 rgb(150,185,198)
```
#a2c1cd
```
#a2c1cd rgb(162,193,205)
```
#afcad4
```
#afcad4 rgb(175,202,212)
```
#bcd2db
```
#bcd2db rgb(188,210,219)
```
#c9dbe1
```
#c9dbe1 rgb(201,219,225)
```
#d5e3e8
```
#d5e3e8 rgb(213,227,232)
```
#e2ecef
```
#e2ecef rgb(226,236,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, #9ea7aa is the less saturated color, while #4accfe is the most saturated one.

#9ea7aa
```
#9ea7aa rgb(158,167,170)
```
#97aab1
```
#97aab1 rgb(151,170,177)
```
#90adb8
```
#90adb8 rgb(144,173,184)
```
#89b0bf
```
#89b0bf rgb(137,176,191)
```
#82b3c6
```
#82b3c6 rgb(130,179,198)
```
#7bb6cd
```
#7bb6cd rgb(123,182,205)
```
#74b9d4
```
#74b9d4 rgb(116,185,212)
```
#6dbcdb
```
#6dbcdb rgb(109,188,219)
```
#66c0e2
```
#66c0e2 rgb(102,192,226)
```
#5fc3e9
```
#5fc3e9 rgb(95,195,233)
```
#58c6f0
```
#58c6f0 rgb(88,198,240)
```
#51c9f7
```
#51c9f7 rgb(81,201,247)
```
#4accfe
```
#4accfe rgb(74,204,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#acadbe Protanopia 1% of men
#b2aac5 Deuteranopia 1% of men
#8eb4c1 Tritanopia 0.001% of the population

Trichromacy

#9faebe Protanomaly 1% of men, 0.01% of women
#a3acc3 Deuteranomaly 6% of men, 0.4% of women
#8cb2c0 Tritanomaly 0.01% of the population

#89b0bf hex color

#89b0bf Color Information

#89b0bf Color Conversion

Color Schemes with #89b0bf

Alternatives to #89b0bf

#89b0bf Preview

Shades and Tints of #89b0bf

Tones of #89b0bf

Color Blindness Simulator