#5ade80 hex color

In a RGB color space, hex #5ade80 is composed of 35.3% red, 87.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 0% magenta, 42.3% yellow and 12.9% black. It has a hue angle of 137.3 degrees, a saturation of 66.7% and a lightness of 61.2%. #5ade80 color hex could be obtained by blending #b4ffff with #00bd01. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 87
- B 50
RGB color chart
- C 59
- M 0
- Y 42
- K 13
CMYK color chart

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

The hexadecimal color #5ade80 has RGB values of R:90, G:222, B:128 and CMYK values of C:0.59, M:0, Y:0.42, K:0.13. Its decimal value is 5955200.

Hex triplet	5ade80	`#5ade80`
RGB Decimal	90, 222, 128	`rgb(90,222,128)`
RGB Percent	35.3, 87.1, 50.2	`rgb(35.3%,87.1%,50.2%)`
CMYK	59, 0, 42, 13
HSL	137.3°, 66.7, 61.2	`hsl(137.3,66.7%,61.2%)`
HSV (or HSB)	137.3°, 59.5, 87.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	79.598, -56.318, 35.525
XYZ	34.232, 55.972, 29.421
xyY	0.286, 0.468, 55.972
CIE-LCH	79.598, 66.587, 147.756
CIE-LUV	79.598, -57.444, 57.192
Hunter-Lab	74.814, -49.251, 29.054
Binary	01011010, 11011110, 10000000

#5ade80
```
#5ade80 rgb(90,222,128)
```
#de5ab8
```
#de5ab8 rgb(222,90,184)
```

Complementary Color

#76de5a
```
#76de5a rgb(118,222,90)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#5adec2
```
#5adec2 rgb(90,222,194)
```

Analogous Color

#de5a76
```
#de5a76 rgb(222,90,118)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#c25ade
```
#c25ade rgb(194,90,222)
```

Split Complementary Color

#de805a
```
#de805a rgb(222,128,90)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#805ade
```
#805ade rgb(128,90,222)
```

Triadic Color

#b8de5a
```
#b8de5a rgb(184,222,90)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#805ade
```
#805ade rgb(128,90,222)
```
#de5ab8
```
#de5ab8 rgb(222,90,184)
```

Tetradic Color

#27c454
```
#27c454 rgb(39,196,84)
```
#30d65f
```
#30d65f rgb(48,214,95)
```
#45da70
```
#45da70 rgb(69,218,112)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#6fe290
```
#6fe290 rgb(111,226,144)
```
#85e7a1
```
#85e7a1 rgb(133,231,161)
```
#9aebb1
```
#9aebb1 rgb(154,235,177)
```

Monochromatic Color

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

#5ade5f
```
#5ade5f rgb(90,222,95)
```
#5ade6a
```
#5ade6a rgb(90,222,106)
```
#5ade75
```
#5ade75 rgb(90,222,117)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#5ade8b
```
#5ade8b rgb(90,222,139)
```
#5ade96
```
#5ade96 rgb(90,222,150)
```
#5adea1
```
#5adea1 rgb(90,222,161)
```

Similar Colors

Text with hexadecimal color #5ade80

This text has a font color of #5ade80.

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

#5ade80 background color

This paragraph has a background color of #5ade80.

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

#5ade80 border color

This element has a border color of #5ade80.

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

CSS codes

.text {color:#5ade80;}

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

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

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, #030f06 is the darkest color, while #fdfffe is the lightest one.

#030f06
```
#030f06 rgb(3,15,6)
```
#061f0d
```
#061f0d rgb(6,31,13)
```
#0a3014
```
#0a3014 rgb(10,48,20)
```
#0d401b
```
#0d401b rgb(13,64,27)
```
#105023
```
#105023 rgb(16,80,35)
```
#13612a
```
#13612a rgb(19,97,42)
```
#177131
```
#177131 rgb(23,113,49)
```
#1a8138
```
#1a8138 rgb(26,129,56)
```
#1d923f
```
#1d923f rgb(29,146,63)
```
#20a246
```
#20a246 rgb(32,162,70)
```
#24b24d
```
#24b24d rgb(36,178,77)
```
#27c354
```
#27c354 rgb(39,195,84)
```
#2ad35b
```
#2ad35b rgb(42,211,91)
```

Shade Color Variation

#39d767
```
#39d767 rgb(57,215,103)
```
#4adb73
```
#4adb73 rgb(74,219,115)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#6ae18d
```
#6ae18d rgb(106,225,141)
```
#7be599
```
#7be599 rgb(123,229,153)
```
#8be8a6
```
#8be8a6 rgb(139,232,166)
```
#9bebb2
```
#9bebb2 rgb(155,235,178)
```
#aceebf
```
#aceebf rgb(172,238,191)
```
#bcf2cb
```
#bcf2cb rgb(188,242,203)
```
#ccf5d8
```
#ccf5d8 rgb(204,245,216)
```
#ddf8e5
```
#ddf8e5 rgb(221,248,229)
```
#edfbf1
```
#edfbf1 rgb(237,251,241)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a19a is the less saturated color, while #3cfc73 is the most saturated one.

#97a19a
```
#97a19a rgb(151,161,154)
```
#8fa997
```
#8fa997 rgb(143,169,151)
```
#88b093
```
#88b093 rgb(136,176,147)
```
#80b890
```
#80b890 rgb(128,184,144)
```
#78c08d
```
#78c08d rgb(120,192,141)
```
#71c78a
```
#71c78a rgb(113,199,138)
```
#69cf86
```
#69cf86 rgb(105,207,134)
```
#62d683
```
#62d683 rgb(98,214,131)
```
#5ade80
```
#5ade80 rgb(90,222,128)
```
#52e67d
```
#52e67d rgb(82,230,125)
```
#4bed7a
```
#4bed7a rgb(75,237,122)
```
#43f576
```
#43f576 rgb(67,245,118)
```
#3cfc73
```
#3cfc73 rgb(60,252,115)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9cb6a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac87d Protanopia 1% of men
#ecc091 Deuteranopia 1% of men
#82d4e4 Tritanopia 0.001% of the population

Trichromacy

#abd07e Protanomaly 1% of men, 0.01% of women
#b7cb8b Deuteranomaly 6% of men, 0.4% of women
#73d8bf Tritanomaly 0.01% of the population

#5ade80 hex color

#5ade80 Color Information

#5ade80 Color Conversion

Color Schemes with #5ade80

Alternatives to #5ade80

#5ade80 Preview

Shades and Tints of #5ade80

Tones of #5ade80

Color Blindness Simulator