#5b889a hex color

In a RGB color space, hex #5b889a is composed of 35.7% red, 53.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 11.7% magenta, 0% yellow and 39.6% black. It has a hue angle of 197.1 degrees, a saturation of 25.7% and a lightness of 48%. #5b889a color hex could be obtained by blending #b6ffff with #001135. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 53
- B 60
RGB color chart
- C 41
- M 12
- Y 0
- K 40
CMYK color chart

● #5b889a color description : Mostly desaturated dark blue.

The hexadecimal color #5b889a has RGB values of R:91, G:136, B:154 and CMYK values of C:0.41, M:0.12, Y:0, K:0.4. Its decimal value is 5998746.

Hex triplet	5b889a	`#5b889a`
RGB Decimal	91, 136, 154	`rgb(91,136,154)`
RGB Percent	35.7, 53.3, 60.4	`rgb(35.7%,53.3%,60.4%)`
CMYK	41, 12, 0, 40
HSL	197.1°, 25.7, 48	`hsl(197.1,25.7%,48%)`
HSV (or HSB)	197.1°, 40.9, 60.4
Web Safe	669999	`#669999`

CIE-LAB	54.201, -10.496, -14.45
XYZ	18.95, 22.165, 33.85
xyY	0.253, 0.296, 22.165
CIE-LCH	54.201, 17.859, 234.007
CIE-LUV	54.201, -21.491, -19.693
Hunter-Lab	47.079, -10.541, -9.674
Binary	01011011, 10001000, 10011010

#5b889a
```
#5b889a rgb(91,136,154)
```
#9a6d5b
```
#9a6d5b rgb(154,109,91)
```

Complementary Color

#5b9a8d
```
#5b9a8d rgb(91,154,141)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#5b699a
```
#5b699a rgb(91,105,154)
```

Analogous Color

#9a8d5b
```
#9a8d5b rgb(154,141,91)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#9a5b69
```
#9a5b69 rgb(154,91,105)
```

Split Complementary Color

#889a5b
```
#889a5b rgb(136,154,91)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#9a5b88
```
#9a5b88 rgb(154,91,136)
```

Triadic Color

#5b9a6d
```
#5b9a6d rgb(91,154,109)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#9a5b88
```
#9a5b88 rgb(154,91,136)
```
#9a6d5b
```
#9a6d5b rgb(154,109,91)
```

Tetradic Color

#3f5e6a
```
#3f5e6a rgb(63,94,106)
```
#486c7a
```
#486c7a rgb(72,108,122)
```
#527a8a
```
#527a8a rgb(82,122,138)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#6894a6
```
#6894a6 rgb(104,148,166)
```
#78a0b0
```
#78a0b0 rgb(120,160,176)
```
#89abb9
```
#89abb9 rgb(137,171,185)
```

Monochromatic Color

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

#5b989a
```
#5b989a rgb(91,152,154)
```
#5b939a
```
#5b939a rgb(91,147,154)
```
#5b8d9a
```
#5b8d9a rgb(91,141,154)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#5b839a
```
#5b839a rgb(91,131,154)
```
#5b7e9a
```
#5b7e9a rgb(91,126,154)
```
#5b789a
```
#5b789a rgb(91,120,154)
```

Similar Colors

Text with hexadecimal color #5b889a

This text has a font color of #5b889a.

<span style="color:#5b889a;">Text here</span>

#5b889a background color

This paragraph has a background color of #5b889a.

<p style="background-color:#5b889a;">Content here</p>

#5b889a border color

This element has a border color of #5b889a.

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

CSS codes

.text {color:#5b889a;}

.background {background-color:#5b889a;}

.border {border:1px solid #5b889a;}

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#121b1f
```
#121b1f rgb(18,27,31)
```
#19262b
```
#19262b rgb(25,38,43)
```
#213137
```
#213137 rgb(33,49,55)
```
#283c44
```
#283c44 rgb(40,60,68)
```
#2f4750
```
#2f4750 rgb(47,71,80)
```
#37525c
```
#37525c rgb(55,82,92)
```
#3e5c69
```
#3e5c69 rgb(62,92,105)
```
#456775
```
#456775 rgb(69,103,117)
```
#4c7281
```
#4c7281 rgb(76,114,129)
```
#547d8e
```
#547d8e rgb(84,125,142)
```
#5b889a
```
#5b889a rgb(91,136,154)
```

Shade Color Variation

#6592a4
```
#6592a4 rgb(101,146,164)
```
#719bab
```
#719bab rgb(113,155,171)
```
#7da3b2
```
#7da3b2 rgb(125,163,178)
```
#8aacba
```
#8aacba rgb(138,172,186)
```
#96b5c1
```
#96b5c1 rgb(150,181,193)
```
#a2bdc8
```
#a2bdc8 rgb(162,189,200)
```
#afc6d0
```
#afc6d0 rgb(175,198,208)
```
#bbcfd7
```
#bbcfd7 rgb(187,207,215)
```
#c7d8de
```
#c7d8de rgb(199,216,222)
```
#d4e0e5
```
#d4e0e5 rgb(212,224,229)
```
#e0e9ed
```
#e0e9ed rgb(224,233,237)
```
#ecf2f4
```
#ecf2f4 rgb(236,242,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c7e is the less saturated color, while #06acef is the most saturated one.

#777c7e
```
#777c7e rgb(119,124,126)
```
#6e8087
```
#6e8087 rgb(110,128,135)
```
#648491
```
#648491 rgb(100,132,145)
```
#5b889a
```
#5b889a rgb(91,136,154)
```
#528ca3
```
#528ca3 rgb(82,140,163)
```
#4890ad
```
#4890ad rgb(72,144,173)
```
#3f94b6
```
#3f94b6 rgb(63,148,182)
```
#3598c0
```
#3598c0 rgb(53,152,192)
```
#2c9cc9
```
#2c9cc9 rgb(44,156,201)
```
#22a0d3
```
#22a0d3 rgb(34,160,211)
```
#19a4dc
```
#19a4dc rgb(25,164,220)
```
#10a8e5
```
#10a8e5 rgb(16,168,229)
```
#06acef
```
#06acef rgb(6,172,239)
```

Tone Color Variation

Below, you can see how #5b889a 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

#7d7d7d Achromatopsia 0.005% of the population
#767f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84879a Protanopia 1% of men
#8685a2 Deuteranopia 1% of men
#618f99 Tritanopia 0.001% of the population

Trichromacy

#75879a Protanomaly 1% of men, 0.01% of women
#76869f Deuteranomaly 6% of men, 0.4% of women
#5f8c99 Tritanomaly 0.01% of the population

#5b889a hex color

#5b889a Color Information

#5b889a Color Conversion

Color Schemes with #5b889a

Alternatives to #5b889a

#5b889a Preview

Shades and Tints of #5b889a

Tones of #5b889a

Color Blindness Simulator