#5a989a hex color

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

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

● #5a989a color description : Mostly desaturated dark cyan.

The hexadecimal color #5a989a has RGB values of R:90, G:152, B:154 and CMYK values of C:0.42, M:0.01, Y:0, K:0.4. Its decimal value is 5937306.

Hex triplet	5a989a	`#5a989a`
RGB Decimal	90, 152, 154	`rgb(90,152,154)`
RGB Percent	35.3, 59.6, 60.4	`rgb(35.3%,59.6%,60.4%)`
CMYK	42, 1, 0, 40
HSL	181.9°, 26.2, 47.8	`hsl(181.9,26.2%,47.8%)`
HSV (or HSB)	181.9°, 41.6, 60.4
Web Safe	669999	`#669999`

CIE-LAB	58.939, -19.425, -7.344
XYZ	21.276, 26.962, 34.653
xyY	0.257, 0.325, 26.962
CIE-LCH	58.939, 20.767, 200.711
CIE-LUV	58.939, -28.477, -7.817
Hunter-Lab	51.925, -17.73, -3.221
Binary	01011010, 10011000, 10011010

#5a989a
```
#5a989a rgb(90,152,154)
```
#9a5c5a
```
#9a5c5a rgb(154,92,90)
```

Complementary Color

#5a9a7c
```
#5a9a7c rgb(90,154,124)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#5a789a
```
#5a789a rgb(90,120,154)
```

Analogous Color

#9a7c5a
```
#9a7c5a rgb(154,124,90)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#9a5a78
```
#9a5a78 rgb(154,90,120)
```

Split Complementary Color

#989a5a
```
#989a5a rgb(152,154,90)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#9a5a98
```
#9a5a98 rgb(154,90,152)
```

Triadic Color

#5a9a5c
```
#5a9a5c rgb(90,154,92)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#9a5a98
```
#9a5a98 rgb(154,90,152)
```
#9a5c5a
```
#9a5c5a rgb(154,92,90)
```

Tetradic Color

#3e686a
```
#3e686a rgb(62,104,106)
```
#47787a
```
#47787a rgb(71,120,122)
```
#51888a
```
#51888a rgb(81,136,138)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#67a4a6
```
#67a4a6 rgb(103,164,166)
```
#77aeb0
```
#77aeb0 rgb(119,174,176)
```
#87b8b9
```
#87b8b9 rgb(135,184,185)
```

Monochromatic Color

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

#5a9a8c
```
#5a9a8c rgb(90,154,140)
```
#5a9a91
```
#5a9a91 rgb(90,154,145)
```
#5a9a97
```
#5a9a97 rgb(90,154,151)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#5a939a
```
#5a939a rgb(90,147,154)
```
#5a8d9a
```
#5a8d9a rgb(90,141,154)
```
#5a889a
```
#5a889a rgb(90,136,154)
```

Similar Colors

Text with hexadecimal color #5a989a

This text has a font color of #5a989a.

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

#5a989a background color

This paragraph has a background color of #5a989a.

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

#5a989a border color

This element has a border color of #5a989a.

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

CSS codes

.text {color:#5a989a;}

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

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

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 #f8fbfb is the lightest one.

#030505
```
#030505 rgb(3,5,5)
```
#0a1212
```
#0a1212 rgb(10,18,18)
```
#121e1e
```
#121e1e rgb(18,30,30)
```
#192a2b
```
#192a2b rgb(25,42,43)
```
#203637
```
#203637 rgb(32,54,55)
```
#274243
```
#274243 rgb(39,66,67)
```
#2f4f50
```
#2f4f50 rgb(47,79,80)
```
#365b5c
```
#365b5c rgb(54,91,92)
```
#3d6768
```
#3d6768 rgb(61,103,104)
```
#447375
```
#447375 rgb(68,115,117)
```
#4c8081
```
#4c8081 rgb(76,128,129)
```
#538c8e
```
#538c8e rgb(83,140,142)
```
#5a989a
```
#5a989a rgb(90,152,154)
```

Shade Color Variation

#63a2a4
```
#63a2a4 rgb(99,162,164)
```
#70a9ab
```
#70a9ab rgb(112,169,171)
```
#7cb1b3
```
#7cb1b3 rgb(124,177,179)
```
#89b8ba
```
#89b8ba rgb(137,184,186)
```
#95c0c1
```
#95c0c1 rgb(149,192,193)
```
#a1c7c8
```
#a1c7c8 rgb(161,199,200)
```
#aeced0
```
#aeced0 rgb(174,206,208)
```
#bad6d7
```
#bad6d7 rgb(186,214,215)
```
#c7ddde
```
#c7ddde rgb(199,221,222)
```
#d3e5e5
```
#d3e5e5 rgb(211,229,229)
```
#dfecec
```
#dfecec rgb(223,236,236)
```
#ecf3f4
```
#ecf3f4 rgb(236,243,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#767e7e
```
#767e7e rgb(118,126,126)
```
#6d8687
```
#6d8687 rgb(109,134,135)
```
#638f91
```
#638f91 rgb(99,143,145)
```
#5a989a
```
#5a989a rgb(90,152,154)
```
#51a1a3
```
#51a1a3 rgb(81,161,163)
```
#47aaad
```
#47aaad rgb(71,170,173)
```
#3eb2b6
```
#3eb2b6 rgb(62,178,182)
```
#34bbc0
```
#34bbc0 rgb(52,187,192)
```
#2bc4c9
```
#2bc4c9 rgb(43,196,201)
```
#22cdd2
```
#22cdd2 rgb(34,205,210)
```
#18d6dc
```
#18d6dc rgb(24,214,220)
```
#0fdee5
```
#0fdee5 rgb(15,222,229)
```
#06e7ee
```
#06e7ee rgb(6,231,238)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7d8a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#949299 Protanopia 1% of men
#9990a3 Deuteranopia 1% of men
#659ca7 Tritanopia 0.001% of the population

Trichromacy

#7f9499 Protanomaly 1% of men, 0.01% of women
#8292a0 Deuteranomaly 6% of men, 0.4% of women
#619aa2 Tritanomaly 0.01% of the population

#5a989a hex color

#5a989a Color Information

#5a989a Color Conversion

Color Schemes with #5a989a

Alternatives to #5a989a

#5a989a Preview

Shades and Tints of #5a989a

Tones of #5a989a

Color Blindness Simulator