#5ae980 hex color

In a RGB color space, hex #5ae980 is composed of 35.3% red, 91.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 0% magenta, 45.1% yellow and 8.6% black. It has a hue angle of 135.9 degrees, a saturation of 76.5% and a lightness of 63.3%. #5ae980 color hex could be obtained by blending #b4ffff with #00d301. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 91
- B 50
RGB color chart
- C 61
- M 0
- Y 45
- K 9
CMYK color chart

● #5ae980 color description : Soft cyan - lime green.

The hexadecimal color #5ae980 has RGB values of R:90, G:233, B:128 and CMYK values of C:0.61, M:0, Y:0.45, K:0.09. Its decimal value is 5958016.

Hex triplet	5ae980	`#5ae980`
RGB Decimal	90, 233, 128	`rgb(90,233,128)`
RGB Percent	35.3, 91.4, 50.2	`rgb(35.3%,91.4%,50.2%)`
CMYK	61, 0, 45, 9
HSL	135.9°, 76.5, 63.3	`hsl(135.9,76.5%,63.3%)`
HSV (or HSB)	135.9°, 61.4, 91.4
Web Safe	66ff99	`#66ff99`

CIE-LAB	82.917, -60.466, 39.791
XYZ	37.249, 62.007, 30.426
xyY	0.287, 0.478, 62.007
CIE-LCH	82.917, 72.384, 146.652
CIE-LUV	82.917, -61.543, 63.401
Hunter-Lab	78.744, -53.365, 32.212
Binary	01011010, 11101001, 10000000

#5ae980
```
#5ae980 rgb(90,233,128)
```
#e95ac3
```
#e95ac3 rgb(233,90,195)
```

Complementary Color

#7ce95a
```
#7ce95a rgb(124,233,90)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#5ae9c8
```
#5ae9c8 rgb(90,233,200)
```

Analogous Color

#e95a7c
```
#e95a7c rgb(233,90,124)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#c85ae9
```
#c85ae9 rgb(200,90,233)
```

Split Complementary Color

#e9805a
```
#e9805a rgb(233,128,90)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#805ae9
```
#805ae9 rgb(128,90,233)
```

Triadic Color

#c3e95a
```
#c3e95a rgb(195,233,90)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#805ae9
```
#805ae9 rgb(128,90,233)
```
#e95ac3
```
#e95ac3 rgb(233,90,195)
```

Tetradic Color

#1dda4f
```
#1dda4f rgb(29,218,79)
```
#2de35d
```
#2de35d rgb(45,227,93)
```
#44e66f
```
#44e66f rgb(68,230,111)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#71ec91
```
#71ec91 rgb(113,236,145)
```
#87efa3
```
#87efa3 rgb(135,239,163)
```
#9ef2b4
```
#9ef2b4 rgb(158,242,180)
```

Monochromatic Color

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

#5ae95c
```
#5ae95c rgb(90,233,92)
```
#5ae968
```
#5ae968 rgb(90,233,104)
```
#5ae974
```
#5ae974 rgb(90,233,116)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#5ae98c
```
#5ae98c rgb(90,233,140)
```
#5ae998
```
#5ae998 rgb(90,233,152)
```
#5ae9a4
```
#5ae9a4 rgb(90,233,164)
```

Similar Colors

Text with hexadecimal color #5ae980

This text has a font color of #5ae980.

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

#5ae980 background color

This paragraph has a background color of #5ae980.

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

#5ae980 border color

This element has a border color of #5ae980.

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

CSS codes

.text {color:#5ae980;}

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

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

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

#010803
```
#010803 rgb(1,8,3)
```
#031909
```
#031909 rgb(3,25,9)
```
#062b10
```
#062b10 rgb(6,43,16)
```
#083c16
```
#083c16 rgb(8,60,22)
```
#0a4d1c
```
#0a4d1c rgb(10,77,28)
```
#0d5f22
```
#0d5f22 rgb(13,95,34)
```
#0f7029
```
#0f7029 rgb(15,112,41)
```
#11812f
```
#11812f rgb(17,129,47)
```
#149335
```
#149335 rgb(20,147,53)
```
#16a43c
```
#16a43c rgb(22,164,60)
```
#18b542
```
#18b542 rgb(24,181,66)
```
#1ac648
```
#1ac648 rgb(26,198,72)
```
#1dd84e
```
#1dd84e rgb(29,216,78)
```

Shade Color Variation

#26e258
```
#26e258 rgb(38,226,88)
```
#37e465
```
#37e465 rgb(55,228,101)
```
#49e773
```
#49e773 rgb(73,231,115)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#6beb8d
```
#6beb8d rgb(107,235,141)
```
#7dee9b
```
#7dee9b rgb(125,238,155)
```
#8ef0a8
```
#8ef0a8 rgb(142,240,168)
```
#9ff2b5
```
#9ff2b5 rgb(159,242,181)
```
#b1f5c3
```
#b1f5c3 rgb(177,245,195)
```
#c2f7d0
```
#c2f7d0 rgb(194,247,208)
```
#d3f9dd
```
#d3f9dd rgb(211,249,221)
```
#e4fbeb
```
#e4fbeb rgb(228,251,235)
```
#f6fef8
```
#f6fef8 rgb(246,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba89e is the less saturated color, while #44ff76 is the most saturated one.

#9ba89e
```
#9ba89e rgb(155,168,158)
```
#94af9b
```
#94af9b rgb(148,175,155)
```
#8cb798
```
#8cb798 rgb(140,183,152)
```
#85be94
```
#85be94 rgb(133,190,148)
```
#7ec591
```
#7ec591 rgb(126,197,145)
```
#77cc8d
```
#77cc8d rgb(119,204,141)
```
#70d38a
```
#70d38a rgb(112,211,138)
```
#68db87
```
#68db87 rgb(104,219,135)
```
#61e283
```
#61e283 rgb(97,226,131)
```
#5ae980
```
#5ae980 rgb(90,233,128)
```
#53f07d
```
#53f07d rgb(83,240,125)
```
#4cf779
```
#4cf779 rgb(76,247,121)
```
#44ff76
```
#44ff76 rgb(68,255,118)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a0bda8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d17d Protanopia 1% of men
#f8c892 Deuteranopia 1% of men
#86deee Tritanopia 0.001% of the population

Trichromacy

#b2d97e Protanomaly 1% of men, 0.01% of women
#bed48b Deuteranomaly 6% of men, 0.4% of women
#76e2c6 Tritanomaly 0.01% of the population

#5ae980 hex color

#5ae980 Color Information

#5ae980 Color Conversion

Color Schemes with #5ae980

Alternatives to #5ae980

#5ae980 Preview

Shades and Tints of #5ae980

Tones of #5ae980

Color Blindness Simulator