#5a889a hex color

In a RGB color space, hex #5a889a is composed of 35.3% red, 53.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 11.7% magenta, 0% yellow and 39.6% black. It has a hue angle of 196.9 degrees, a saturation of 26.2% and a lightness of 47.8%. #5a889a color hex could be obtained by blending #b4ffff with #001135. Closest websafe color is: #669999.

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

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

The hexadecimal color #5a889a has RGB values of R:90, G:136, B:154 and CMYK values of C:0.42, M:0.12, Y:0, K:0.4. Its decimal value is 5933210.

Hex triplet	5a889a	`#5a889a`
RGB Decimal	90, 136, 154	`rgb(90,136,154)`
RGB Percent	35.3, 53.3, 60.4	`rgb(35.3%,53.3%,60.4%)`
CMYK	42, 12, 0, 40
HSL	196.9°, 26.2, 47.8	`hsl(196.9,26.2%,47.8%)`
HSV (or HSB)	196.9°, 41.6, 60.4
Web Safe	669999	`#669999`

CIE-LAB	54.148, -10.77, -14.535
XYZ	18.852, 22.114, 33.845
xyY	0.252, 0.296, 22.114
CIE-LCH	54.148, 18.09, 233.464
CIE-LUV	54.148, -21.854, -19.785
Hunter-Lab	47.026, -10.737, -9.754
Binary	01011010, 10001000, 10011010

#5a889a
```
#5a889a rgb(90,136,154)
```
#9a6c5a
```
#9a6c5a rgb(154,108,90)
```

Complementary Color

#5a9a8c
```
#5a9a8c rgb(90,154,140)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#5a689a
```
#5a689a rgb(90,104,154)
```

Analogous Color

#9a8c5a
```
#9a8c5a rgb(154,140,90)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#9a5a68
```
#9a5a68 rgb(154,90,104)
```

Split Complementary Color

#889a5a
```
#889a5a rgb(136,154,90)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#9a5a88
```
#9a5a88 rgb(154,90,136)
```

Triadic Color

#5a9a6c
```
#5a9a6c rgb(90,154,108)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#9a5a88
```
#9a5a88 rgb(154,90,136)
```
#9a6c5a
```
#9a6c5a rgb(154,108,90)
```

Tetradic Color

#3e5d6a
```
#3e5d6a rgb(62,93,106)
```
#476c7a
```
#476c7a rgb(71,108,122)
```
#517a8a
```
#517a8a rgb(81,122,138)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#6795a6
```
#6795a6 rgb(103,149,166)
```
#77a0b0
```
#77a0b0 rgb(119,160,176)
```
#87abb9
```
#87abb9 rgb(135,171,185)
```

Monochromatic Color

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

#5a989a
```
#5a989a rgb(90,152,154)
```
#5a939a
```
#5a939a rgb(90,147,154)
```
#5a8d9a
```
#5a8d9a rgb(90,141,154)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#5a839a
```
#5a839a rgb(90,131,154)
```
#5a7d9a
```
#5a7d9a rgb(90,125,154)
```
#5a789a
```
#5a789a rgb(90,120,154)
```

Similar Colors

Text with hexadecimal color #5a889a

This text has a font color of #5a889a.

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

#5a889a background color

This paragraph has a background color of #5a889a.

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

#5a889a border color

This element has a border color of #5a889a.

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

CSS codes

.text {color:#5a889a;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0a1012
```
#0a1012 rgb(10,16,18)
```
#121b1e
```
#121b1e rgb(18,27,30)
```
#19262b
```
#19262b rgb(25,38,43)
```
#203137
```
#203137 rgb(32,49,55)
```
#273b43
```
#273b43 rgb(39,59,67)
```
#2f4650
```
#2f4650 rgb(47,70,80)
```
#36515c
```
#36515c rgb(54,81,92)
```
#3d5c68
```
#3d5c68 rgb(61,92,104)
```
#446775
```
#446775 rgb(68,103,117)
```
#4c7281
```
#4c7281 rgb(76,114,129)
```
#537d8e
```
#537d8e rgb(83,125,142)
```
#5a889a
```
#5a889a rgb(90,136,154)
```

Shade Color Variation

#6392a4
```
#6392a4 rgb(99,146,164)
```
#709bab
```
#709bab rgb(112,155,171)
```
#7ca3b3
```
#7ca3b3 rgb(124,163,179)
```
#89acba
```
#89acba rgb(137,172,186)
```
#95b5c1
```
#95b5c1 rgb(149,181,193)
```
#a1bdc8
```
#a1bdc8 rgb(161,189,200)
```
#aec6d0
```
#aec6d0 rgb(174,198,208)
```
#bacfd7
```
#bacfd7 rgb(186,207,215)
```
#c7d7de
```
#c7d7de rgb(199,215,222)
```
#d3e0e5
```
#d3e0e5 rgb(211,224,229)
```
#dfe9ec
```
#dfe9ec rgb(223,233,236)
```
#ecf1f4
```
#ecf1f4 rgb(236,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#767c7e
```
#767c7e rgb(118,124,126)
```
#6d8087
```
#6d8087 rgb(109,128,135)
```
#638491
```
#638491 rgb(99,132,145)
```
#5a889a
```
#5a889a rgb(90,136,154)
```
#518ca3
```
#518ca3 rgb(81,140,163)
```
#4790ad
```
#4790ad rgb(71,144,173)
```
#3e94b6
```
#3e94b6 rgb(62,148,182)
```
#3498c0
```
#3498c0 rgb(52,152,192)
```
#2b9dc9
```
#2b9dc9 rgb(43,157,201)
```
#22a1d2
```
#22a1d2 rgb(34,161,210)
```
#18a5dc
```
#18a5dc rgb(24,165,220)
```
#0fa9e5
```
#0fa9e5 rgb(15,169,229)
```
#06adee
```
#06adee rgb(6,173,238)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#757e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84869a Protanopia 1% of men
#8685a2 Deuteranopia 1% of men
#608f99 Tritanopia 0.001% of the population

Trichromacy

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

#5a889a hex color

#5a889a Color Information

#5a889a Color Conversion

Color Schemes with #5a889a

Alternatives to #5a889a

#5a889a Preview

Shades and Tints of #5a889a

Tones of #5a889a

Color Blindness Simulator