#5aac80 hex color

In a RGB color space, hex #5aac80 is composed of 35.3% red, 67.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 25.6% yellow and 32.5% black. It has a hue angle of 147.8 degrees, a saturation of 33.1% and a lightness of 51.4%. #5aac80 color hex could be obtained by blending #b4ffff with #005901. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 67
- B 50
RGB color chart
- C 48
- M 0
- Y 26
- K 33
CMYK color chart

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

The hexadecimal color #5aac80 has RGB values of R:90, G:172, B:128 and CMYK values of C:0.48, M:0, Y:0.26, K:0.33. Its decimal value is 5942400.

Hex triplet	5aac80	`#5aac80`
RGB Decimal	90, 172, 128	`rgb(90,172,128)`
RGB Percent	35.3, 67.5, 50.2	`rgb(35.3%,67.5%,50.2%)`
CMYK	48, 0, 26, 33
HSL	147.8°, 33.1, 51.4	`hsl(147.8,33.1%,51.4%)`
HSV (or HSB)	147.8°, 47.7, 67.5
Web Safe	669999	`#669999`

CIE-LAB	64.351, -35.38, 15.046
XYZ	22.864, 33.236, 25.631
xyY	0.28, 0.407, 33.236
CIE-LCH	64.351, 38.447, 156.961
CIE-LUV	64.351, -37.628, 26.454
Hunter-Lab	57.65, -30.096, 13.995
Binary	01011010, 10101100, 10000000

#5aac80
```
#5aac80 rgb(90,172,128)
```
#ac5a86
```
#ac5a86 rgb(172,90,134)
```

Complementary Color

#5dac5a
```
#5dac5a rgb(93,172,90)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#5aaca9
```
#5aaca9 rgb(90,172,169)
```

Analogous Color

#ac5a5d
```
#ac5a5d rgb(172,90,93)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#a95aac
```
#a95aac rgb(169,90,172)
```

Split Complementary Color

#ac805a
```
#ac805a rgb(172,128,90)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#805aac
```
#805aac rgb(128,90,172)
```

Triadic Color

#86ac5a
```
#86ac5a rgb(134,172,90)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#805aac
```
#805aac rgb(128,90,172)
```
#ac5a86
```
#ac5a86 rgb(172,90,134)
```

Tetradic Color

#3e7b5b
```
#3e7b5b rgb(62,123,91)
```
#478c67
```
#478c67 rgb(71,140,103)
```
#4f9d73
```
#4f9d73 rgb(79,157,115)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#6bb58d
```
#6bb58d rgb(107,181,141)
```
#7cbd9a
```
#7cbd9a rgb(124,189,154)
```
#8dc6a7
```
#8dc6a7 rgb(141,198,167)
```

Monochromatic Color

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

#5aac6c
```
#5aac6c rgb(90,172,108)
```
#5aac72
```
#5aac72 rgb(90,172,114)
```
#5aac79
```
#5aac79 rgb(90,172,121)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#5aac87
```
#5aac87 rgb(90,172,135)
```
#5aac8e
```
#5aac8e rgb(90,172,142)
```
#5aac95
```
#5aac95 rgb(90,172,149)
```

Similar Colors

Text with hexadecimal color #5aac80

This text has a font color of #5aac80.

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

#5aac80 background color

This paragraph has a background color of #5aac80.

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

#5aac80 border color

This element has a border color of #5aac80.

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

CSS codes

.text {color:#5aac80;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#09120d
```
#09120d rgb(9,18,13)
```
#0f1f17
```
#0f1f17 rgb(15,31,23)
```
#162c20
```
#162c20 rgb(22,44,32)
```
#1d392a
```
#1d392a rgb(29,57,42)
```
#234633
```
#234633 rgb(35,70,51)
```
#2a533d
```
#2a533d rgb(42,83,61)
```
#306046
```
#306046 rgb(48,96,70)
```
#376d50
```
#376d50 rgb(55,109,80)
```
#3d7a5a
```
#3d7a5a rgb(61,122,90)
```
#448763
```
#448763 rgb(68,135,99)
```
#4b946d
```
#4b946d rgb(75,148,109)
```
#51a176
```
#51a176 rgb(81,161,118)
```

Shade Color Variation

#5aac80
```
#5aac80 rgb(90,172,128)
```
#67b38a
```
#67b38a rgb(103,179,138)
```
#74b994
```
#74b994 rgb(116,185,148)
```
#81c09e
```
#81c09e rgb(129,192,158)
```
#8ec6a8
```
#8ec6a8 rgb(142,198,168)
```
#9bcdb2
```
#9bcdb2 rgb(155,205,178)
```
#a8d3bc
```
#a8d3bc rgb(168,211,188)
```
#b5dac6
```
#b5dac6 rgb(181,218,198)
```
#c2e1d0
```
#c2e1d0 rgb(194,225,208)
```
#cfe7da
```
#cfe7da rgb(207,231,218)
```
#ddeee4
```
#ddeee4 rgb(221,238,228)
```
#eaf4ee
```
#eaf4ee rgb(234,244,238)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

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

#808683
```
#808683 rgb(128,134,131)
```
#778f82
```
#778f82 rgb(119,143,130)
```
#6d9981
```
#6d9981 rgb(109,153,129)
```
#64a281
```
#64a281 rgb(100,162,129)
```
#5aac80
```
#5aac80 rgb(90,172,128)
```
#50b67f
```
#50b67f rgb(80,182,127)
```
#47bf7f
```
#47bf7f rgb(71,191,127)
```
#3dc97e
```
#3dc97e rgb(61,201,126)
```
#34d27d
```
#34d27d rgb(52,210,125)
```
#2adc7d
```
#2adc7d rgb(42,220,125)
```
#21e57c
```
#21e57c rgb(33,229,124)
```
#17ef7b
```
#17ef7b rgb(23,239,123)
```
#0ef87a
```
#0ef87a rgb(14,248,122)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#84948b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba07f Protanopia 1% of men
#b79b8d Deuteranopia 1% of men
#71a9b6 Tritanopia 0.001% of the population

Trichromacy

#8da47f Protanomaly 1% of men, 0.01% of women
#95a188 Deuteranomaly 6% of men, 0.4% of women
#68aaa2 Tritanomaly 0.01% of the population

#5aac80 hex color

#5aac80 Color Information

#5aac80 Color Conversion

Color Schemes with #5aac80

Alternatives to #5aac80

#5aac80 Preview

Shades and Tints of #5aac80

Tones of #5aac80

Color Blindness Simulator