#89a5b0 hex color

In a RGB color space, hex #89a5b0 is composed of 53.7% red, 64.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 6.2% magenta, 0% yellow and 31% black. It has a hue angle of 196.9 degrees, a saturation of 19.8% and a lightness of 61.4%. #89a5b0 color hex could be obtained by blending #ffffff with #134b61. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 54
- G 65
- B 69
RGB color chart
- C 22
- M 6
- Y 0
- K 31
CMYK color chart

● #89a5b0 color description : Dark grayish blue.

The hexadecimal color #89a5b0 has RGB values of R:137, G:165, B:176 and CMYK values of C:0.22, M:0.06, Y:0, K:0.31. Its decimal value is 9020848.

Hex triplet	89a5b0	`#89a5b0`
RGB Decimal	137, 165, 176	`rgb(137,165,176)`
RGB Percent	53.7, 64.7, 69	`rgb(53.7%,64.7%,69%)`
CMYK	22, 6, 0, 31
HSL	196.9°, 19.8, 61.4	`hsl(196.9,19.8%,61.4%)`
HSV (or HSB)	196.9°, 22.2, 69
Web Safe	999999	`#999999`

CIE-LAB	66.03, -7.174, -8.892
XYZ	31.606, 35.362, 46.232
xyY	0.279, 0.312, 35.362
CIE-LCH	66.03, 11.425, 231.105
CIE-LUV	66.03, -14.955, -12.152
Hunter-Lab	59.466, -9.193, -4.469
Binary	10001001, 10100101, 10110000

#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#b09489
```
#b09489 rgb(176,148,137)
```

Complementary Color

#89b0a8
```
#89b0a8 rgb(137,176,168)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#8992b0
```
#8992b0 rgb(137,146,176)
```

Analogous Color

#b0a889
```
#b0a889 rgb(176,168,137)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#b08992
```
#b08992 rgb(176,137,146)
```

Split Complementary Color

#a5b089
```
#a5b089 rgb(165,176,137)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#b089a5
```
#b089a5 rgb(176,137,165)
```

Triadic Color

#89b094
```
#89b094 rgb(137,176,148)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#b089a5
```
#b089a5 rgb(176,137,165)
```
#b09489
```
#b09489 rgb(176,148,137)
```

Tetradic Color

#5f808e
```
#5f808e rgb(95,128,142)
```
#6a8e9c
```
#6a8e9c rgb(106,142,156)
```
#7a99a6
```
#7a99a6 rgb(122,153,166)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#98b1ba
```
#98b1ba rgb(152,177,186)
```
#a8bcc4
```
#a8bcc4 rgb(168,188,196)
```
#b7c8cf
```
#b7c8cf rgb(183,200,207)
```

Monochromatic Color

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

#89afb0
```
#89afb0 rgb(137,175,176)
```
#89acb0
```
#89acb0 rgb(137,172,176)
```
#89a8b0
```
#89a8b0 rgb(137,168,176)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#89a2b0
```
#89a2b0 rgb(137,162,176)
```
#899fb0
```
#899fb0 rgb(137,159,176)
```
#899bb0
```
#899bb0 rgb(137,155,176)
```

Similar Colors

Text with hexadecimal color #89a5b0

This text has a font color of #89a5b0.

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

#89a5b0 background color

This paragraph has a background color of #89a5b0.

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

#89a5b0 border color

This element has a border color of #89a5b0.

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

CSS codes

.text {color:#89a5b0;}

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

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

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

#080a0b
```
#080a0b rgb(8,10,11)
```
#0f1517
```
#0f1517 rgb(15,21,23)
```
#172023
```
#172023 rgb(23,32,35)
```
#1f2a2e
```
#1f2a2e rgb(31,42,46)
```
#27353a
```
#27353a rgb(39,53,58)
```
#2f3f46
```
#2f3f46 rgb(47,63,70)
```
#374a52
```
#374a52 rgb(55,74,82)
```
#3f555d
```
#3f555d rgb(63,85,93)
```
#465f69
```
#465f69 rgb(70,95,105)
```
#4e6a75
```
#4e6a75 rgb(78,106,117)
```
#567581
```
#567581 rgb(86,117,129)
```
#5e7f8c
```
#5e7f8c rgb(94,127,140)
```
#668a98
```
#668a98 rgb(102,138,152)
```

Shade Color Variation

#7293a0
```
#7293a0 rgb(114,147,160)
```
#7d9ca8
```
#7d9ca8 rgb(125,156,168)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#95aeb8
```
#95aeb8 rgb(149,174,184)
```
#a0b7c0
```
#a0b7c0 rgb(160,183,192)
```
#acc0c8
```
#acc0c8 rgb(172,192,200)
```
#b8c9cf
```
#b8c9cf rgb(184,201,207)
```
#c4d2d7
```
#c4d2d7 rgb(196,210,215)
```
#cfdbdf
```
#cfdbdf rgb(207,219,223)
```
#dbe4e7
```
#dbe4e7 rgb(219,228,231)
```
#e7edef
```
#e7edef rgb(231,237,239)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ea1 is the less saturated color, while #3dc6fc is the most saturated one.

#989ea1
```
#989ea1 rgb(152,158,161)
```
#91a2a8
```
#91a2a8 rgb(145,162,168)
```
#89a5b0
```
#89a5b0 rgb(137,165,176)
```
#81a8b8
```
#81a8b8 rgb(129,168,184)
```
#7aacbf
```
#7aacbf rgb(122,172,191)
```
#72afc7
```
#72afc7 rgb(114,175,199)
```
#6bb2ce
```
#6bb2ce rgb(107,178,206)
```
#63b6d6
```
#63b6d6 rgb(99,182,214)
```
#5cb9dd
```
#5cb9dd rgb(92,185,221)
```
#54bce5
```
#54bce5 rgb(84,188,229)
```
#4cbfed
```
#4cbfed rgb(76,191,237)
```
#45c3f4
```
#45c3f4 rgb(69,195,244)
```
#3dc6fc
```
#3dc6fc rgb(61,198,252)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#9a9fa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b1 Protanopia 1% of men
#aca1b6 Deuteranopia 1% of men
#8fa9b5 Tritanopia 0.001% of the population

Trichromacy

#9aa4b0 Protanomaly 1% of men, 0.01% of women
#9fa2b4 Deuteranomaly 6% of men, 0.4% of women
#8da7b3 Tritanomaly 0.01% of the population

#89a5b0 hex color

#89a5b0 Color Information

#89a5b0 Color Conversion

Color Schemes with #89a5b0

Alternatives to #89a5b0

#89a5b0 Preview

Shades and Tints of #89a5b0

Tones of #89a5b0

Color Blindness Simulator