#5a8987 hex color

In a RGB color space, hex #5a8987 is composed of 35.3% red, 53.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 0% magenta, 1.5% yellow and 46.3% black. It has a hue angle of 177.4 degrees, a saturation of 20.7% and a lightness of 44.5%. #5a8987 color hex could be obtained by blending #b4ffff with #00130f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 54
- B 53
RGB color chart
- C 34
- M 0
- Y 1
- K 46
CMYK color chart

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

The hexadecimal color #5a8987 has RGB values of R:90, G:137, B:135 and CMYK values of C:0.34, M:0, Y:0.01, K:0.46. Its decimal value is 5933447.

Hex triplet	5a8987	`#5a8987`
RGB Decimal	90, 137, 135	`rgb(90,137,135)`
RGB Percent	35.3, 53.7, 52.9	`rgb(35.3%,53.7%,52.9%)`
CMYK	34, 0, 1, 46
HSL	177.4°, 20.7, 44.5	`hsl(177.4,20.7%,44.5%)`
HSV (or HSB)	177.4°, 34.3, 53.7
Web Safe	669999	`#669999`

CIE-LAB	53.828, -16.352, -4.014
XYZ	17.534, 21.813, 26.207
xyY	0.267, 0.333, 21.813
CIE-LCH	53.828, 16.837, 193.792
CIE-LUV	53.828, -22.513, -3.227
Hunter-Lab	46.705, -14.72, -0.575
Binary	01011010, 10001001, 10000111

#5a8987
```
#5a8987 rgb(90,137,135)
```
#895a5c
```
#895a5c rgb(137,90,92)
```

Complementary Color

#5a8970
```
#5a8970 rgb(90,137,112)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#5a7489
```
#5a7489 rgb(90,116,137)
```

Analogous Color

#89705a
```
#89705a rgb(137,112,90)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#895a74
```
#895a74 rgb(137,90,116)
```

Split Complementary Color

#89875a
```
#89875a rgb(137,135,90)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#875a89
```
#875a89 rgb(135,90,137)
```

Triadic Color

#5c895a
```
#5c895a rgb(92,137,90)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#875a89
```
#875a89 rgb(135,90,137)
```
#895a5c
```
#895a5c rgb(137,90,92)
```

Tetradic Color

#3c5b5a
```
#3c5b5a rgb(60,91,90)
```
#466a69
```
#466a69 rgb(70,106,105)
```
#507a78
```
#507a78 rgb(80,122,120)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#649896
```
#649896 rgb(100,152,150)
```
#73a3a1
```
#73a3a1 rgb(115,163,161)
```
#82adab
```
#82adab rgb(130,173,171)
```

Monochromatic Color

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

#5a897b
```
#5a897b rgb(90,137,123)
```
#5a897f
```
#5a897f rgb(90,137,127)
```
#5a8983
```
#5a8983 rgb(90,137,131)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#5a8789
```
#5a8789 rgb(90,135,137)
```
#5a8389
```
#5a8389 rgb(90,131,137)
```
#5a7f89
```
#5a7f89 rgb(90,127,137)
```

Similar Colors

Text with hexadecimal color #5a8987

This text has a font color of #5a8987.

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

#5a8987 background color

This paragraph has a background color of #5a8987.

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

#5a8987 border color

This element has a border color of #5a8987.

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

CSS codes

.text {color:#5a8987;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1312
```
#0c1312 rgb(12,19,18)
```
#141e1e
```
#141e1e rgb(20,30,30)
```
#1c2a2a
```
#1c2a2a rgb(28,42,42)
```
#243635
```
#243635 rgb(36,54,53)
```
#2b4241
```
#2b4241 rgb(43,66,65)
```
#334e4d
```
#334e4d rgb(51,78,77)
```
#3b5a58
```
#3b5a58 rgb(59,90,88)
```
#436564
```
#436564 rgb(67,101,100)
```
#4a7170
```
#4a7170 rgb(74,113,112)
```
#527d7b
```
#527d7b rgb(82,125,123)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#629593
```
#629593 rgb(98,149,147)
```

Shade Color Variation

#6c9e9c
```
#6c9e9c rgb(108,158,156)
```
#78a6a4
```
#78a6a4 rgb(120,166,164)
```
#84aeac
```
#84aeac rgb(132,174,172)
```
#8fb6b4
```
#8fb6b4 rgb(143,182,180)
```
#9bbdbc
```
#9bbdbc rgb(155,189,188)
```
#a7c5c4
```
#a7c5c4 rgb(167,197,196)
```
#b3cdcc
```
#b3cdcc rgb(179,205,204)
```
#bfd5d4
```
#bfd5d4 rgb(191,213,212)
```
#cbdddc
```
#cbdddc rgb(203,221,220)
```
#d6e4e4
```
#d6e4e4 rgb(214,228,228)
```
#e2ecec
```
#e2ecec rgb(226,236,236)
```
#eef4f4
```
#eef4f4 rgb(238,244,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7877 is the less saturated color, while #03e0d7 is the most saturated one.

#6b7877
```
#6b7877 rgb(107,120,119)
```
#63807f
```
#63807f rgb(99,128,127)
```
#5a8987
```
#5a8987 rgb(90,137,135)
```
#51928f
```
#51928f rgb(81,146,143)
```
#499a97
```
#499a97 rgb(73,154,151)
```
#40a39f
```
#40a39f rgb(64,163,159)
```
#37aca7
```
#37aca7 rgb(55,172,167)
```
#2eb5af
```
#2eb5af rgb(46,181,175)
```
#26bdb7
```
#26bdb7 rgb(38,189,183)
```
#1dc6bf
```
#1dc6bf rgb(29,198,191)
```
#14cfc7
```
#14cfc7 rgb(20,207,199)
```
#0bd8cf
```
#0bd8cf rgb(11,216,207)
```
#03e0d7
```
#03e0d7 rgb(3,224,215)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#747e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#888688 Protanopia 1% of men
#8e8391 Deuteranopia 1% of men
#658d97 Tritanopia 0.001% of the population

Trichromacy

#778788 Protanomaly 1% of men, 0.01% of women
#7b858d Deuteranomaly 6% of men, 0.4% of women
#618b91 Tritanomaly 0.01% of the population

#5a8987 hex color

#5a8987 Color Information

#5a8987 Color Conversion

Color Schemes with #5a8987

Alternatives to #5a8987

#5a8987 Preview

Shades and Tints of #5a8987

Tones of #5a8987

Color Blindness Simulator