#5ade20 Color Information
In a RGB color space, hex #5ade20 is composed of 35.3% red, 87.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 0% magenta, 85.6% yellow and 12.9% black. It has a hue angle of 101.7 degrees, a saturation of 74.8% and a lightness of 49.8%. #5ade20 color hex could be obtained by blending #b4ff40 with #00bd00. Closest websafe color is: #66cc33.
-
- R 35
- G 87
- B 13
-
- C 59
- M 0
- Y 86
- K 13
● #5ade20 color description : Vivid green.
#5ade20 Color Conversion
The hexadecimal color #5ade20 has RGB values of R:90, G:222, B:32 and CMYK values of C:0.59, M:0, Y:0.86, K:0.13. Its decimal value is 5955104.
Hex triplet | 5ade20 | #5ade20 |
---|---|---|
RGB Decimal | 90, 222, 32 | rgb(90,222,32) |
RGB Percent | 35.3, 87.1, 12.5 | rgb(35.3%,87.1%,12.5%) |
CMYK | 59, 0, 86, 13 | |
HSL | 101.7°, 74.8, 49.8 | hsl(101.7,74.8%,49.8%) |
HSV (or HSB) | 101.7°, 85.6, 87.1 | |
Web Safe | 66cc33 | #66cc33 |
CIE-LAB | 78.763, -65.784, 72.323 |
---|---|
XYZ | 30.597, 54.518, 10.277 |
xyY | 0.321, 0.572, 54.518 |
CIE-LCH | 78.763, 97.766, 132.289 |
CIE-LUV | 78.763, -60.038, 91.889 |
Hunter-Lab | 73.836, -55.245, 43.433 |
Binary | 01011010, 11011110, 00100000 |
Color Schemes with #5ade20
Alternatives to #5ade20
Below, you can see some colors close to #5ade20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ade20 Preview
This text has a font color of #5ade20.
<span style="color:#5ade20;">Text here</span>
This paragraph has a background color of #5ade20.
<p style="background-color:#5ade20;">Content here</p>
This element has a border color of #5ade20.
<div style="border:1px solid #5ade20;">Content here</div>
.text {color:#5ade20;}
.background {background-color:#5ade20;}
.border {border:1px solid #5ade20;}
Shades and Tints of #5ade20
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, #071002 is the darkest color, while #fefffe is the lightest one.
-
#071002
#071002
rgb(7,16,2)
-
#0e2105
#0e2105
rgb(14,33,5)
-
#143307
#143307
rgb(20,51,7)
-
#1b440a
#1b440a
rgb(27,68,10)
-
#22550c
#22550c
rgb(34,85,12)
-
#29660f
#29660f
rgb(41,102,15)
-
#307711
#307711
rgb(48,119,17)
-
#378814
#378814
rgb(55,136,20)
-
#3e9916
#3e9916
rgb(62,153,22)
-
#45ab19
#45ab19
rgb(69,171,25)
-
#4cbc1b
#4cbc1b
rgb(76,188,27)
-
#53cd1e
#53cd1e
rgb(83,205,30)
-
#5ade20
#5ade20
rgb(90,222,32)
-
#66e130
#66e130
rgb(102,225,48)
-
#73e442
#73e442
rgb(115,228,66)
-
#80e653
#80e653
rgb(128,230,83)
-
#8ce964
#8ce964
rgb(140,233,100)
-
#99eb75
#99eb75
rgb(153,235,117)
-
#a6ee86
#a6ee86
rgb(166,238,134)
-
#b2f097
#b2f097
rgb(178,240,151)
-
#bff3a8
#bff3a8
rgb(191,243,168)
-
#ccf5ba
#ccf5ba
rgb(204,245,186)
-
#d8f7cb
#d8f7cb
rgb(216,247,203)
-
#e5fadc
#e5fadc
rgb(229,250,220)
-
#f2fced
#f2fced
rgb(242,252,237)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #5ade20
A tone is produced by adding gray to any pure hue. In this case, #7c8678 is the less saturated color, while #4ffb03 is the most saturated one.
-
#7c8678
#7c8678
rgb(124,134,120)
-
#78906e
#78906e
rgb(120,144,110)
-
#759a64
#759a64
rgb(117,154,100)
-
#71a35b
#71a35b
rgb(113,163,91)
-
#6dad51
#6dad51
rgb(109,173,81)
-
#69b747
#69b747
rgb(105,183,71)
-
#65c13d
#65c13d
rgb(101,193,61)
-
#62ca34
#62ca34
rgb(98,202,52)
-
#5ed42a
#5ed42a
rgb(94,212,42)
-
#5ade20
#5ade20
rgb(90,222,32)
-
#56e816
#56e816
rgb(86,232,22)
-
#52f20c
#52f20c
rgb(82,242,12)
-
#4ffb03
#4ffb03
rgb(79,251,3)
Color Blindness Simulator
Below, you can see how #5ade20 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.