#5a887e hex color

In a RGB color space, hex #5a887e is composed of 35.3% red, 53.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 0% magenta, 7.4% yellow and 46.7% black. It has a hue angle of 167 degrees, a saturation of 20.4% and a lightness of 44.3%. #5a887e color hex could be obtained by blending #b4fffc with #001100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 53
- B 49
RGB color chart
- C 34
- M 0
- Y 7
- K 47
CMYK color chart

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

The hexadecimal color #5a887e has RGB values of R:90, G:136, B:126 and CMYK values of C:0.34, M:0, Y:0.07, K:0.47. Its decimal value is 5933182.

Hex triplet	5a887e	`#5a887e`
RGB Decimal	90, 136, 126	`rgb(90,136,126)`
RGB Percent	35.3, 53.3, 49.4	`rgb(35.3%,53.3%,49.4%)`
CMYK	34, 0, 7, 47
HSL	167°, 20.4, 44.3	`hsl(167,20.4%,44.3%)`
HSV (or HSB)	167°, 33.8, 53.3
Web Safe	669966	`#669966`

CIE-LAB	53.263, -18.024, 0.373
XYZ	16.785, 21.288, 22.962
xyY	0.275, 0.349, 21.288
CIE-LCH	53.263, 18.027, 178.814
CIE-LUV	53.263, -22.193, 3.281
Hunter-Lab	46.138, -15.803, 2.79
Binary	01011010, 10001000, 01111110

#5a887e
```
#5a887e rgb(90,136,126)
```
#885a64
```
#885a64 rgb(136,90,100)
```

Complementary Color

#5a8867
```
#5a8867 rgb(90,136,103)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#5a7b88
```
#5a7b88 rgb(90,123,136)
```

Analogous Color

#88675a
```
#88675a rgb(136,103,90)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#885a7b
```
#885a7b rgb(136,90,123)
```

Split Complementary Color

#887e5a
```
#887e5a rgb(136,126,90)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#7e5a88
```
#7e5a88 rgb(126,90,136)
```

Triadic Color

#64885a
```
#64885a rgb(100,136,90)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#7e5a88
```
#7e5a88 rgb(126,90,136)
```
#885a64
```
#885a64 rgb(136,90,100)
```

Tetradic Color

#3c5a53
```
#3c5a53 rgb(60,90,83)
```
#466962
```
#466962 rgb(70,105,98)
```
#507970
```
#507970 rgb(80,121,112)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#64978c
```
#64978c rgb(100,151,140)
```
#73a298
```
#73a298 rgb(115,162,152)
```
#82aca3
```
#82aca3 rgb(130,172,163)
```

Monochromatic Color

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

#5a8873
```
#5a8873 rgb(90,136,115)
```
#5a8876
```
#5a8876 rgb(90,136,118)
```
#5a887a
```
#5a887a rgb(90,136,122)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#5a8882
```
#5a8882 rgb(90,136,130)
```
#5a8886
```
#5a8886 rgb(90,136,134)
```
#5a8788
```
#5a8788 rgb(90,135,136)
```

Similar Colors

Text with hexadecimal color #5a887e

This text has a font color of #5a887e.

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

#5a887e background color

This paragraph has a background color of #5a887e.

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

#5a887e border color

This element has a border color of #5a887e.

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

CSS codes

.text {color:#5a887e;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1211
```
#0c1211 rgb(12,18,17)
```
#141e1c
```
#141e1c rgb(20,30,28)
```
#1c2a27
```
#1c2a27 rgb(28,42,39)
```
#233531
```
#233531 rgb(35,53,49)
```
#2b413c
```
#2b413c rgb(43,65,60)
```
#334d47
```
#334d47 rgb(51,77,71)
```
#3b5952
```
#3b5952 rgb(59,89,82)
```
#43655d
```
#43655d rgb(67,101,93)
```
#4a7068
```
#4a7068 rgb(74,112,104)
```
#527c73
```
#527c73 rgb(82,124,115)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#629489
```
#629489 rgb(98,148,137)
```

Shade Color Variation

#6c9e93
```
#6c9e93 rgb(108,158,147)
```
#78a59b
```
#78a59b rgb(120,165,155)
```
#83ada4
```
#83ada4 rgb(131,173,164)
```
#8fb5ad
```
#8fb5ad rgb(143,181,173)
```
#9bbdb5
```
#9bbdb5 rgb(155,189,181)
```
#a7c5be
```
#a7c5be rgb(167,197,190)
```
#b3ccc7
```
#b3ccc7 rgb(179,204,199)
```
#bed4cf
```
#bed4cf rgb(190,212,207)
```
#cadcd8
```
#cadcd8 rgb(202,220,216)
```
#d6e4e1
```
#d6e4e1 rgb(214,228,225)
```
#e2ece9
```
#e2ece9 rgb(226,236,233)
```
#eef3f2
```
#eef3f2 rgb(238,243,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#6b7774
```
#6b7774 rgb(107,119,116)
```
#637f79
```
#637f79 rgb(99,127,121)
```
#5a887e
```
#5a887e rgb(90,136,126)
```
#519183
```
#519183 rgb(81,145,131)
```
#499988
```
#499988 rgb(73,153,136)
```
#40a28d
```
#40a28d rgb(64,162,141)
```
#37ab92
```
#37ab92 rgb(55,171,146)
```
#2fb397
```
#2fb397 rgb(47,179,151)
```
#26bc9b
```
#26bc9b rgb(38,188,155)
```
#1dc5a0
```
#1dc5a0 rgb(29,197,160)
```
#14cea5
```
#14cea5 rgb(20,206,165)
```
#0cd6aa
```
#0cd6aa rgb(12,214,170)
```
#03dfaf
```
#03dfaf rgb(3,223,175)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#737c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#898580 Protanopia 1% of men
#908288 Deuteranopia 1% of men
#678b95 Tritanopia 0.001% of the population

Trichromacy

#78867f Protanomaly 1% of men, 0.01% of women
#7c8484 Deuteranomaly 6% of men, 0.4% of women
#628a8d Tritanomaly 0.01% of the population

#5a887e hex color

#5a887e Color Information

#5a887e Color Conversion

Color Schemes with #5a887e

Alternatives to #5a887e

#5a887e Preview

Shades and Tints of #5a887e

Tones of #5a887e

Color Blindness Simulator