#5a8577 hex color

In a RGB color space, hex #5a8577 is composed of 35.3% red, 52.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 10.5% yellow and 47.8% black. It has a hue angle of 160.5 degrees, a saturation of 19.3% and a lightness of 43.7%. #5a8577 color hex could be obtained by blending #b4ffee with #000b00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 52
- B 47
RGB color chart
- C 32
- M 0
- Y 11
- K 48
CMYK color chart

● #5a8577 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5a8577 has RGB values of R:90, G:133, B:119 and CMYK values of C:0.32, M:0, Y:0.11, K:0.48. Its decimal value is 5932407.

Hex triplet	5a8577	`#5a8577`
RGB Decimal	90, 133, 119	`rgb(90,133,119)`
RGB Percent	35.3, 52.2, 46.7	`rgb(35.3%,52.2%,46.7%)`
CMYK	32, 0, 11, 48
HSL	160.5°, 19.3, 43.7	`hsl(160.5,19.3%,43.7%)`
HSV (or HSB)	160.5°, 32.3, 52.2
Web Safe	669966	`#669966`

CIE-LAB	52.152, -18.069, 2.825
XYZ	15.933, 20.28, 20.527
xyY	0.281, 0.357, 20.28
CIE-LCH	52.152, 18.289, 171.114
CIE-LUV	52.152, -20.935, 6.66
Hunter-Lab	45.033, -15.655, 4.498
Binary	01011010, 10000101, 01110111

#5a8577
```
#5a8577 rgb(90,133,119)
```
#855a68
```
#855a68 rgb(133,90,104)
```

Complementary Color

#5a8562
```
#5a8562 rgb(90,133,98)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#5a7e85
```
#5a7e85 rgb(90,126,133)
```

Analogous Color

#85625a
```
#85625a rgb(133,98,90)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#855a7e
```
#855a7e rgb(133,90,126)
```

Split Complementary Color

#85775a
```
#85775a rgb(133,119,90)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#775a85
```
#775a85 rgb(119,90,133)
```

Triadic Color

#68855a
```
#68855a rgb(104,133,90)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#775a85
```
#775a85 rgb(119,90,133)
```
#855a68
```
#855a68 rgb(133,90,104)
```

Tetradic Color

#3b574e
```
#3b574e rgb(59,87,78)
```
#45675c
```
#45675c rgb(69,103,92)
```
#507669
```
#507669 rgb(80,118,105)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#649485
```
#649485 rgb(100,148,133)
```
#72a091
```
#72a091 rgb(114,160,145)
```
#81aa9d
```
#81aa9d rgb(129,170,157)
```

Monochromatic Color

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

#5a856c
```
#5a856c rgb(90,133,108)
```
#5a8570
```
#5a8570 rgb(90,133,112)
```
#5a8573
```
#5a8573 rgb(90,133,115)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#5a857b
```
#5a857b rgb(90,133,123)
```
#5a857e
```
#5a857e rgb(90,133,126)
```
#5a8582
```
#5a8582 rgb(90,133,130)
```

Similar Colors

Text with hexadecimal color #5a8577

This text has a font color of #5a8577.

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

#5a8577 background color

This paragraph has a background color of #5a8577.

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

#5a8577 border color

This element has a border color of #5a8577.

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

CSS codes

.text {color:#5a8577;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b100e
```
#0b100e rgb(11,16,14)
```
#131c19
```
#131c19 rgb(19,28,25)
```
#1b2723
```
#1b2723 rgb(27,39,35)
```
#23332e
```
#23332e rgb(35,51,46)
```
#2b3f38
```
#2b3f38 rgb(43,63,56)
```
#324b43
```
#324b43 rgb(50,75,67)
```
#3a564d
```
#3a564d rgb(58,86,77)
```
#426258
```
#426258 rgb(66,98,88)
```
#4a6e62
```
#4a6e62 rgb(74,110,98)
```
#52796d
```
#52796d rgb(82,121,109)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#629181
```
#629181 rgb(98,145,129)
```

Shade Color Variation

#6b9b8b
```
#6b9b8b rgb(107,155,139)
```
#77a395
```
#77a395 rgb(119,163,149)
```
#83ab9e
```
#83ab9e rgb(131,171,158)
```
#8eb3a7
```
#8eb3a7 rgb(142,179,167)
```
#9abbb0
```
#9abbb0 rgb(154,187,176)
```
#a6c3b9
```
#a6c3b9 rgb(166,195,185)
```
#b1cbc2
```
#b1cbc2 rgb(177,203,194)
```
#bdd2cb
```
#bdd2cb rgb(189,210,203)
```
#c9dad5
```
#c9dad5 rgb(201,218,213)
```
#d5e2de
```
#d5e2de rgb(213,226,222)
```
#e0eae7
```
#e0eae7 rgb(224,234,231)
```
#ecf2f0
```
#ecf2f0 rgb(236,242,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#6b7471
```
#6b7471 rgb(107,116,113)
```
#637c74
```
#637c74 rgb(99,124,116)
```
#5a8577
```
#5a8577 rgb(90,133,119)
```
#518e7a
```
#518e7a rgb(81,142,122)
```
#49967d
```
#49967d rgb(73,150,125)
```
#409f80
```
#409f80 rgb(64,159,128)
```
#38a783
```
#38a783 rgb(56,167,131)
```
#2fb086
```
#2fb086 rgb(47,176,134)
```
#27b889
```
#27b889 rgb(39,184,137)
```
#1ec18c
```
#1ec18c rgb(30,193,140)
```
#15ca8f
```
#15ca8f rgb(21,202,143)
```
#0dd292
```
#0dd292 rgb(13,210,146)
```
#04db95
```
#04db95 rgb(4,219,149)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878279 Protanopia 1% of men
#8f7f82 Deuteranopia 1% of men
#678892 Tritanopia 0.001% of the population

Trichromacy

#778378 Protanomaly 1% of men, 0.01% of women
#7c817e Deuteranomaly 6% of men, 0.4% of women
#628788 Tritanomaly 0.01% of the population

#5a8577 hex color

#5a8577 Color Information

#5a8577 Color Conversion

Color Schemes with #5a8577

Alternatives to #5a8577

#5a8577 Preview

Shades and Tints of #5a8577

Tones of #5a8577

Color Blindness Simulator