#5a8e84 hex color

In a RGB color space, hex #5a8e84 is composed of 35.3% red, 55.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 0% magenta, 7% yellow and 44.3% black. It has a hue angle of 168.5 degrees, a saturation of 22.4% and a lightness of 45.5%. #5a8e84 color hex could be obtained by blending #b4ffff with #001d09. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 56
- B 52
RGB color chart
- C 37
- M 0
- Y 7
- K 44
CMYK color chart

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

The hexadecimal color #5a8e84 has RGB values of R:90, G:142, B:132 and CMYK values of C:0.37, M:0, Y:0.07, K:0.44. Its decimal value is 5934724.

Hex triplet	5a8e84	`#5a8e84`
RGB Decimal	90, 142, 132	`rgb(90,142,132)`
RGB Percent	35.3, 55.7, 51.8	`rgb(35.3%,55.7%,51.8%)`
CMYK	37, 0, 7, 44
HSL	168.5°, 22.4, 45.5	`hsl(168.5,22.4%,45.5%)`
HSV (or HSB)	168.5°, 36.6, 55.7
Web Safe	669999	`#669999`

CIE-LAB	55.262, -19.75, -0.175
XYZ	18.053, 23.185, 25.352
xyY	0.271, 0.348, 23.185
CIE-LCH	55.262, 19.751, 180.508
CIE-LUV	55.262, -24.727, 2.786
Hunter-Lab	48.151, -17.338, 2.488
Binary	01011010, 10001110, 10000100

#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#8e5a64
```
#8e5a64 rgb(142,90,100)
```

Complementary Color

#5a8e6a
```
#5a8e6a rgb(90,142,106)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#5a7e8e
```
#5a7e8e rgb(90,126,142)
```

Analogous Color

#8e6a5a
```
#8e6a5a rgb(142,106,90)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#8e5a7e
```
#8e5a7e rgb(142,90,126)
```

Split Complementary Color

#8e845a
```
#8e845a rgb(142,132,90)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#845a8e
```
#845a8e rgb(132,90,142)
```

Triadic Color

#648e5a
```
#648e5a rgb(100,142,90)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#845a8e
```
#845a8e rgb(132,90,142)
```
#8e5a64
```
#8e5a64 rgb(142,90,100)
```

Tetradic Color

#3c5f58
```
#3c5f58 rgb(60,95,88)
```
#466f67
```
#466f67 rgb(70,111,103)
```
#507e75
```
#507e75 rgb(80,126,117)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#649d92
```
#649d92 rgb(100,157,146)
```
#74a79d
```
#74a79d rgb(116,167,157)
```
#84b1a8
```
#84b1a8 rgb(132,177,168)
```

Monochromatic Color

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

#5a8e77
```
#5a8e77 rgb(90,142,119)
```
#5a8e7b
```
#5a8e7b rgb(90,142,123)
```
#5a8e80
```
#5a8e80 rgb(90,142,128)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#5a8e88
```
#5a8e88 rgb(90,142,136)
```
#5a8e8d
```
#5a8e8d rgb(90,142,141)
```
#5a8b8e
```
#5a8b8e rgb(90,139,142)
```

Similar Colors

Text with hexadecimal color #5a8e84

This text has a font color of #5a8e84.

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

#5a8e84 background color

This paragraph has a background color of #5a8e84.

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

#5a8e84 border color

This element has a border color of #5a8e84.

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

CSS codes

.text {color:#5a8e84;}

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

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

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, #060a09 is the darkest color, while #fdfefe is the lightest one.

#060a09
```
#060a09 rgb(6,10,9)
```
#0e1614
```
#0e1614 rgb(14,22,20)
```
#162220
```
#162220 rgb(22,34,32)
```
#1d2e2b
```
#1d2e2b rgb(29,46,43)
```
#253a36
```
#253a36 rgb(37,58,54)
```
#2c4641
```
#2c4641 rgb(44,70,65)
```
#34524c
```
#34524c rgb(52,82,76)
```
#3c5e57
```
#3c5e57 rgb(60,94,87)
```
#436a63
```
#436a63 rgb(67,106,99)
```
#4b766e
```
#4b766e rgb(75,118,110)
```
#528279
```
#528279 rgb(82,130,121)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#629a8f
```
#629a8f rgb(98,154,143)
```

Shade Color Variation

#6da298
```
#6da298 rgb(109,162,152)
```
#79aaa1
```
#79aaa1 rgb(121,170,161)
```
#85b2a9
```
#85b2a9 rgb(133,178,169)
```
#91b9b1
```
#91b9b1 rgb(145,185,177)
```
#9dc1ba
```
#9dc1ba rgb(157,193,186)
```
#a9c8c2
```
#a9c8c2 rgb(169,200,194)
```
#b5d0cb
```
#b5d0cb rgb(181,208,203)
```
#c1d8d3
```
#c1d8d3 rgb(193,216,211)
```
#cddfdc
```
#cddfdc rgb(205,223,220)
```
#d9e7e4
```
#d9e7e4 rgb(217,231,228)
```
#e5eeed
```
#e5eeed rgb(229,238,237)
```
#f1f6f5
```
#f1f6f5 rgb(241,246,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6c7c79
```
#6c7c79 rgb(108,124,121)
```
#63857f
```
#63857f rgb(99,133,127)
```
#5a8e84
```
#5a8e84 rgb(90,142,132)
```
#519789
```
#519789 rgb(81,151,137)
```
#48a08f
```
#48a08f rgb(72,160,143)
```
#3fa994
```
#3fa994 rgb(63,169,148)
```
#36b29a
```
#36b29a rgb(54,178,154)
```
#2dbb9f
```
#2dbb9f rgb(45,187,159)
```
#24c4a5
```
#24c4a5 rgb(36,196,165)
```
#1cccaa
```
#1cccaa rgb(28,204,170)
```
#13d5b0
```
#13d5b0 rgb(19,213,176)
```
#0adeb5
```
#0adeb5 rgb(10,222,181)
```
#01e7bb
```
#01e7bb rgb(1,231,187)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#76807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8a85 Protanopia 1% of men
#95868e Deuteranopia 1% of men
#67919b Tritanopia 0.001% of the population

Trichromacy

#7b8b84 Protanomaly 1% of men, 0.01% of women
#7f898a Deuteranomaly 6% of men, 0.4% of women
#629093 Tritanomaly 0.01% of the population

#5a8e84 hex color

#5a8e84 Color Information

#5a8e84 Color Conversion

Color Schemes with #5a8e84

Alternatives to #5a8e84

#5a8e84 Preview

Shades and Tints of #5a8e84

Tones of #5a8e84

Color Blindness Simulator