#89a5af hex color

In a RGB color space, hex #89a5af is composed of 53.7% red, 64.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 5.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 195.8 degrees, a saturation of 19.2% and a lightness of 61.2%. #89a5af color hex could be obtained by blending #ffffff with #134b5f. 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

● #89a5af color description : Dark grayish blue.

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

Hex triplet	89a5af	`#89a5af`
RGB Decimal	137, 165, 175	`rgb(137,165,175)`
RGB Percent	53.7, 64.7, 68.6	`rgb(53.7%,64.7%,68.6%)`
CMYK	22, 6, 0, 31
HSL	195.8°, 19.2, 61.2	`hsl(195.8,19.2%,61.2%)`
HSV (or HSB)	195.8°, 21.7, 68.6
Web Safe	999999	`#999999`

CIE-LAB	65.999, -7.403, -8.38
XYZ	31.508, 35.323, 45.713
xyY	0.28, 0.314, 35.323
CIE-LCH	65.999, 11.181, 228.543
CIE-LUV	65.999, -14.935, -11.328
Hunter-Lab	59.433, -9.378, -4
Binary	10001001, 10100101, 10101111

#89a5af
```
#89a5af rgb(137,165,175)
```
#af9389
```
#af9389 rgb(175,147,137)
```

Complementary Color

#89afa6
```
#89afa6 rgb(137,175,166)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#8992af
```
#8992af rgb(137,146,175)
```

Analogous Color

#afa689
```
#afa689 rgb(175,166,137)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#af8992
```
#af8992 rgb(175,137,146)
```

Split Complementary Color

#a5af89
```
#a5af89 rgb(165,175,137)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#af89a5
```
#af89a5 rgb(175,137,165)
```

Triadic Color

#89af93
```
#89af93 rgb(137,175,147)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#af89a5
```
#af89a5 rgb(175,137,165)
```
#af9389
```
#af9389 rgb(175,147,137)
```

Tetradic Color

#5f808c
```
#5f808c rgb(95,128,140)
```
#6b8e9a
```
#6b8e9a rgb(107,142,154)
```
#7a99a5
```
#7a99a5 rgb(122,153,165)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#98b1b9
```
#98b1b9 rgb(152,177,185)
```
#a7bcc4
```
#a7bcc4 rgb(167,188,196)
```
#b7c8ce
```
#b7c8ce rgb(183,200,206)
```

Monochromatic Color

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

#89afaf
```
#89afaf rgb(137,175,175)
```
#89abaf
```
#89abaf rgb(137,171,175)
```
#89a8af
```
#89a8af rgb(137,168,175)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#89a2af
```
#89a2af rgb(137,162,175)
```
#899faf
```
#899faf rgb(137,159,175)
```
#899caf
```
#899caf rgb(137,156,175)
```

Similar Colors

Text with hexadecimal color #89a5af

This text has a font color of #89a5af.

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

#89a5af background color

This paragraph has a background color of #89a5af.

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

#89a5af border color

This element has a border color of #89a5af.

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

CSS codes

.text {color:#89a5af;}

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

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

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

#070a0b
```
#070a0b rgb(7,10,11)
```
#0f1416
```
#0f1416 rgb(15,20,22)
```
#171f22
```
#171f22 rgb(23,31,34)
```
#1f2a2e
```
#1f2a2e rgb(31,42,46)
```
#273439
```
#273439 rgb(39,52,57)
```
#2f3f45
```
#2f3f45 rgb(47,63,69)
```
#374a51
```
#374a51 rgb(55,74,81)
```
#3f555c
```
#3f555c rgb(63,85,92)
```
#475f68
```
#475f68 rgb(71,95,104)
```
#4f6a74
```
#4f6a74 rgb(79,106,116)
```
#56757f
```
#56757f rgb(86,117,127)
```
#5e7f8b
```
#5e7f8b rgb(94,127,139)
```
#668a97
```
#668a97 rgb(102,138,151)
```

Shade Color Variation

#72939f
```
#72939f rgb(114,147,159)
```
#7d9ca7
```
#7d9ca7 rgb(125,156,167)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#95aeb7
```
#95aeb7 rgb(149,174,183)
```
#a0b7bf
```
#a0b7bf rgb(160,183,191)
```
#acc0c7
```
#acc0c7 rgb(172,192,199)
```
#b8c9cf
```
#b8c9cf rgb(184,201,207)
```
#c3d2d7
```
#c3d2d7 rgb(195,210,215)
```
#cfdadf
```
#cfdadf rgb(207,218,223)
```
#dbe3e6
```
#dbe3e6 rgb(219,227,230)
```
#e7ecee
```
#e7ecee rgb(231,236,238)
```
#f2f5f6
```
#f2f5f6 rgb(242,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#989ea0
```
#989ea0 rgb(152,158,160)
```
#91a1a7
```
#91a1a7 rgb(145,161,167)
```
#89a5af
```
#89a5af rgb(137,165,175)
```
#81a9b7
```
#81a9b7 rgb(129,169,183)
```
#7aacbe
```
#7aacbe rgb(122,172,190)
```
#72b0c6
```
#72b0c6 rgb(114,176,198)
```
#6bb3cd
```
#6bb3cd rgb(107,179,205)
```
#63b7d5
```
#63b7d5 rgb(99,183,213)
```
#5bbbdd
```
#5bbbdd rgb(91,187,221)
```
#54bee4
```
#54bee4 rgb(84,190,228)
```
#4cc2ec
```
#4cc2ec rgb(76,194,236)
```
#44c5f4
```
#44c5f4 rgb(68,197,244)
```
#3dc9fb
```
#3dc9fb rgb(61,201,251)
```

Tone Color Variation

Below, you can see how #89a5af 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
#9a9fa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#89a5af hex color

#89a5af Color Information

#89a5af Color Conversion

Color Schemes with #89a5af

Alternatives to #89a5af

#89a5af Preview

Shades and Tints of #89a5af

Tones of #89a5af

Color Blindness Simulator