#5aaa8f hex color

In a RGB color space, hex #5aaa8f is composed of 35.3% red, 66.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 0% magenta, 15.9% yellow and 33.3% black. It has a hue angle of 159.8 degrees, a saturation of 32% and a lightness of 51%. #5aaa8f color hex could be obtained by blending #b4ffff with #00551f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 67
- B 56
RGB color chart
- C 47
- M 0
- Y 16
- K 33
CMYK color chart

● #5aaa8f color description : Dark moderate cyan - lime green.

The hexadecimal color #5aaa8f has RGB values of R:90, G:170, B:143 and CMYK values of C:0.47, M:0, Y:0.16, K:0.33. Its decimal value is 5941903.

Hex triplet	5aaa8f	`#5aaa8f`
RGB Decimal	90, 170, 143	`rgb(90,170,143)`
RGB Percent	35.3, 66.7, 56.1	`rgb(35.3%,66.7%,56.1%)`
CMYK	47, 0, 16, 33
HSL	159.8°, 32, 51	`hsl(159.8,32%,51%)`
HSV (or HSB)	159.8°, 47.1, 66.7
Web Safe	669999	`#669999`

CIE-LAB	64.084, -31.158, 6.368
XYZ	23.548, 32.905, 31.095
xyY	0.269, 0.376, 32.905
CIE-LCH	64.084, 31.802, 168.448
CIE-LUV	64.084, -36.266, 14.014
Hunter-Lab	57.363, -27.11, 8.014
Binary	01011010, 10101010, 10001111

#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#aa5a75
```
#aa5a75 rgb(170,90,117)
```

Complementary Color

#5aaa67
```
#5aaa67 rgb(90,170,103)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#5a9daa
```
#5a9daa rgb(90,157,170)
```

Analogous Color

#aa675a
```
#aa675a rgb(170,103,90)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#aa5a9d
```
#aa5a9d rgb(170,90,157)
```

Split Complementary Color

#aa8f5a
```
#aa8f5a rgb(170,143,90)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#8f5aaa
```
#8f5aaa rgb(143,90,170)
```

Triadic Color

#75aa5a
```
#75aa5a rgb(117,170,90)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#8f5aaa
```
#8f5aaa rgb(143,90,170)
```
#aa5a75
```
#aa5a75 rgb(170,90,117)
```

Tetradic Color

#3e7965
```
#3e7965 rgb(62,121,101)
```
#478a73
```
#478a73 rgb(71,138,115)
```
#509b81
```
#509b81 rgb(80,155,129)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#6bb39a
```
#6bb39a rgb(107,179,154)
```
#7cbba6
```
#7cbba6 rgb(124,187,166)
```
#8cc4b1
```
#8cc4b1 rgb(140,196,177)
```

Monochromatic Color

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

#5aaa7b
```
#5aaa7b rgb(90,170,123)
```
#5aaa82
```
#5aaa82 rgb(90,170,130)
```
#5aaa88
```
#5aaa88 rgb(90,170,136)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#5aaa96
```
#5aaa96 rgb(90,170,150)
```
#5aaa9c
```
#5aaa9c rgb(90,170,156)
```
#5aaaa3
```
#5aaaa3 rgb(90,170,163)
```

Similar Colors

Text with hexadecimal color #5aaa8f

This text has a font color of #5aaa8f.

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

#5aaa8f background color

This paragraph has a background color of #5aaa8f.

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

#5aaa8f border color

This element has a border color of #5aaa8f.

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

CSS codes

.text {color:#5aaa8f;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0f1d18
```
#0f1d18 rgb(15,29,24)
```
#162a23
```
#162a23 rgb(22,42,35)
```
#1c372e
```
#1c372e rgb(28,55,46)
```
#234439
```
#234439 rgb(35,68,57)
```
#2a5144
```
#2a5144 rgb(42,81,68)
```
#305e4f
```
#305e4f rgb(48,94,79)
```
#376b59
```
#376b59 rgb(55,107,89)
```
#3e7864
```
#3e7864 rgb(62,120,100)
```
#44856f
```
#44856f rgb(68,133,111)
```
#4b927a
```
#4b927a rgb(75,146,122)
```
#529f85
```
#529f85 rgb(82,159,133)
```

Shade Color Variation

#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#67b198
```
#67b198 rgb(103,177,152)
```
#74b7a1
```
#74b7a1 rgb(116,183,161)
```
#81bea9
```
#81bea9 rgb(129,190,169)
```
#8ec5b2
```
#8ec5b2 rgb(142,197,178)
```
#9bcbbb
```
#9bcbbb rgb(155,203,187)
```
#a8d2c4
```
#a8d2c4 rgb(168,210,196)
```
#b5d9cd
```
#b5d9cd rgb(181,217,205)
```
#c2dfd5
```
#c2dfd5 rgb(194,223,213)
```
#cfe6de
```
#cfe6de rgb(207,230,222)
```
#dbede7
```
#dbede7 rgb(219,237,231)
```
#e8f3f0
```
#e8f3f0 rgb(232,243,240)
```
#f5faf8
```
#f5faf8 rgb(245,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808483 is the less saturated color, while #0df7a8 is the most saturated one.

#808483
```
#808483 rgb(128,132,131)
```
#778d86
```
#778d86 rgb(119,141,134)
```
#6d9789
```
#6d9789 rgb(109,151,137)
```
#64a08c
```
#64a08c rgb(100,160,140)
```
#5aaa8f
```
#5aaa8f rgb(90,170,143)
```
#50b492
```
#50b492 rgb(80,180,146)
```
#47bd95
```
#47bd95 rgb(71,189,149)
```
#3dc798
```
#3dc798 rgb(61,199,152)
```
#34d09c
```
#34d09c rgb(52,208,156)
```
#2ada9f
```
#2ada9f rgb(42,218,159)
```
#20e4a2
```
#20e4a2 rgb(32,228,162)
```
#17eda5
```
#17eda5 rgb(23,237,165)
```
#0df7a8
```
#0df7a8 rgb(13,247,168)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#84948f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79f8d Protanopia 1% of men
#b19b9b Deuteranopia 1% of men
#6da9b5 Tritanopia 0.001% of the population

Trichromacy

#8ba38e Protanomaly 1% of men, 0.01% of women
#91a096 Deuteranomaly 6% of men, 0.4% of women
#66a9a7 Tritanomaly 0.01% of the population

#5aaa8f hex color

#5aaa8f Color Information

#5aaa8f Color Conversion

Color Schemes with #5aaa8f

Alternatives to #5aaa8f

#5aaa8f Preview

Shades and Tints of #5aaa8f

Tones of #5aaa8f

Color Blindness Simulator