#5a887f hex color

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

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

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

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

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

CIE-LAB	53.291, -17.784, -0.166
XYZ	16.85, 21.314, 23.304
xyY	0.274, 0.347, 21.314
CIE-LCH	53.291, 17.785, 180.534
CIE-LUV	53.291, -22.18, 2.488
Hunter-Lab	46.167, -15.641, 2.389
Binary	01011010, 10001000, 01111111

#5a887f
```
#5a887f rgb(90,136,127)
```
#885a63
```
#885a63 rgb(136,90,99)
```

Complementary Color

#5a8868
```
#5a8868 rgb(90,136,104)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#5a7a88
```
#5a7a88 rgb(90,122,136)
```

Analogous Color

#88685a
```
#88685a rgb(136,104,90)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#885a7a
```
#885a7a rgb(136,90,122)
```

Split Complementary Color

#887f5a
```
#887f5a rgb(136,127,90)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#7f5a88
```
#7f5a88 rgb(127,90,136)
```

Triadic Color

#63885a
```
#63885a rgb(99,136,90)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#7f5a88
```
#7f5a88 rgb(127,90,136)
```
#885a63
```
#885a63 rgb(136,90,99)
```

Tetradic Color

#3c5a54
```
#3c5a54 rgb(60,90,84)
```
#466962
```
#466962 rgb(70,105,98)
```
#507971
```
#507971 rgb(80,121,113)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#64978d
```
#64978d rgb(100,151,141)
```
#73a299
```
#73a299 rgb(115,162,153)
```
#82aca4
```
#82aca4 rgb(130,172,164)
```

Monochromatic Color

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

#5a8874
```
#5a8874 rgb(90,136,116)
```
#5a8877
```
#5a8877 rgb(90,136,119)
```
#5a887b
```
#5a887b rgb(90,136,123)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#5a8883
```
#5a8883 rgb(90,136,131)
```
#5a8887
```
#5a8887 rgb(90,136,135)
```
#5a8688
```
#5a8688 rgb(90,134,136)
```

Similar Colors

Text with hexadecimal color #5a887f

This text has a font color of #5a887f.

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

#5a887f background color

This paragraph has a background color of #5a887f.

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

#5a887f border color

This element has a border color of #5a887f.

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

CSS codes

.text {color:#5a887f;}

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

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

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)
```
#233532
```
#233532 rgb(35,53,50)
```
#2b413d
```
#2b413d rgb(43,65,61)
```
#334d48
```
#334d48 rgb(51,77,72)
```
#3b5953
```
#3b5953 rgb(59,89,83)
```
#43655e
```
#43655e rgb(67,101,94)
```
#4a7069
```
#4a7069 rgb(74,112,105)
```
#527c74
```
#527c74 rgb(82,124,116)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#62948a
```
#62948a rgb(98,148,138)
```

Shade Color Variation

#6c9e94
```
#6c9e94 rgb(108,158,148)
```
#78a59c
```
#78a59c rgb(120,165,156)
```
#83ada5
```
#83ada5 rgb(131,173,165)
```
#8fb5ae
```
#8fb5ae rgb(143,181,174)
```
#9bbdb6
```
#9bbdb6 rgb(155,189,182)
```
#a7c5bf
```
#a7c5bf rgb(167,197,191)
```
#b3ccc7
```
#b3ccc7 rgb(179,204,199)
```
#bed4d0
```
#bed4d0 rgb(190,212,208)
```
#cadcd9
```
#cadcd9 rgb(202,220,217)
```
#d6e4e1
```
#d6e4e1 rgb(214,228,225)
```
#e2ecea
```
#e2ecea rgb(226,236,234)
```
#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 #03dfb4 is the most saturated one.

#6b7774
```
#6b7774 rgb(107,119,116)
```
#637f7a
```
#637f7a rgb(99,127,122)
```
#5a887f
```
#5a887f rgb(90,136,127)
```
#519184
```
#519184 rgb(81,145,132)
```
#49998a
```
#49998a rgb(73,153,138)
```
#40a28f
```
#40a28f rgb(64,162,143)
```
#37ab94
```
#37ab94 rgb(55,171,148)
```
#2fb399
```
#2fb399 rgb(47,179,153)
```
#26bc9f
```
#26bc9f rgb(38,188,159)
```
#1dc5a4
```
#1dc5a4 rgb(29,197,164)
```
#14cea9
```
#14cea9 rgb(20,206,169)
```
#0cd6af
```
#0cd6af rgb(12,214,175)
```
#03dfb4
```
#03dfb4 rgb(3,223,180)
```

Tone Color Variation

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

#898581 Protanopia 1% of men
#908289 Deuteranopia 1% of men
#678b95 Tritanopia 0.001% of the population

Trichromacy

#788680 Protanomaly 1% of men, 0.01% of women
#7c8485 Deuteranomaly 6% of men, 0.4% of women
#628a8d Tritanomaly 0.01% of the population

#5a887f hex color

#5a887f Color Information

#5a887f Color Conversion

Color Schemes with #5a887f

Alternatives to #5a887f

#5a887f Preview

Shades and Tints of #5a887f

Tones of #5a887f

Color Blindness Simulator