#5ae020 hex color

In a RGB color space, hex #5ae020 is composed of 35.3% red, 87.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 85.7% yellow and 12.2% black. It has a hue angle of 101.9 degrees, a saturation of 75.6% and a lightness of 50.2%. #5ae020 color hex could be obtained by blending #b4ff40 with #00c100. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 35
- G 88
- B 13
RGB color chart
- C 60
- M 0
- Y 86
- K 12
CMYK color chart

● #5ae020 color description : Vivid green.

The hexadecimal color #5ae020 has RGB values of R:90, G:224, B:32 and CMYK values of C:0.6, M:0, Y:0.86, K:0.12. Its decimal value is 5955616.

Hex triplet	5ae020	`#5ae020`
RGB Decimal	90, 224, 32	`rgb(90,224,32)`
RGB Percent	35.3, 87.8, 12.5	`rgb(35.3%,87.8%,12.5%)`
CMYK	60, 0, 86, 12
HSL	101.9°, 75.6, 50.2	`hsl(101.9,75.6%,50.2%)`
HSV (or HSB)	101.9°, 85.7, 87.8
Web Safe	66cc33	`#66cc33`

CIE-LAB	79.378, -66.453, 72.861
XYZ	31.131, 55.587, 10.455
xyY	0.32, 0.572, 55.587
CIE-LCH	79.378, 98.614, 132.366
CIE-LUV	79.378, -60.786, 92.694
Hunter-Lab	74.556, -55.94, 43.875
Binary	01011010, 11100000, 00100000

#5ae020
```
#5ae020 rgb(90,224,32)
```
#a620e0
```
#a620e0 rgb(166,32,224)
```

Complementary Color

#bae020
```
#bae020 rgb(186,224,32)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#20e046
```
#20e046 rgb(32,224,70)
```

Analogous Color

#e020ba
```
#e020ba rgb(224,32,186)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#4620e0
```
#4620e0 rgb(70,32,224)
```

Split Complementary Color

#e0205a
```
#e0205a rgb(224,32,90)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#205ae0
```
#205ae0 rgb(32,90,224)
```

Triadic Color

#e0a620
```
#e0a620 rgb(224,166,32)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#205ae0
```
#205ae0 rgb(32,90,224)
```
#a620e0
```
#a620e0 rgb(166,32,224)
```

Tetradic Color

#3f9e16
```
#3f9e16 rgb(63,158,22)
```
#48b419
```
#48b419 rgb(72,180,25)
```
#51ca1c
```
#51ca1c rgb(81,202,28)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#6be336
```
#6be336 rgb(107,227,54)
```
#7be64d
```
#7be64d rgb(123,230,77)
```
#8ce963
```
#8ce963 rgb(140,233,99)
```

Monochromatic Color

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

#8ae020
```
#8ae020 rgb(138,224,32)
```
#7ae020
```
#7ae020 rgb(122,224,32)
```
#6ae020
```
#6ae020 rgb(106,224,32)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#4ae020
```
#4ae020 rgb(74,224,32)
```
#3ae020
```
#3ae020 rgb(58,224,32)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```

Similar Colors

Text with hexadecimal color #5ae020

This text has a font color of #5ae020.

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

#5ae020 background color

This paragraph has a background color of #5ae020.

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

#5ae020 border color

This element has a border color of #5ae020.

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

CSS codes

.text {color:#5ae020;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#071203
```
#071203 rgb(7,18,3)
```
#0e2305
```
#0e2305 rgb(14,35,5)
```
#153507
```
#153507 rgb(21,53,7)
```
#1c460a
```
#1c460a rgb(28,70,10)
```
#23570c
```
#23570c rgb(35,87,12)
```
#2a680e
```
#2a680e rgb(42,104,14)
```
#307911
```
#307911 rgb(48,121,17)
```
#378b13
```
#378b13 rgb(55,139,19)
```
#3e9c16
```
#3e9c16 rgb(62,156,22)
```
#45ad18
```
#45ad18 rgb(69,173,24)
```
#4cbe1a
```
#4cbe1a rgb(76,190,26)
```
#53d01d
```
#53d01d rgb(83,208,29)
```

Shade Color Variation

#5ae020
```
#5ae020 rgb(90,224,32)
```
#67e231
```
#67e231 rgb(103,226,49)
```
#73e542
```
#73e542 rgb(115,229,66)
```
#80e754
```
#80e754 rgb(128,231,84)
```
#8dea65
```
#8dea65 rgb(141,234,101)
```
#9aec76
```
#9aec76 rgb(154,236,118)
```
#a6ee87
```
#a6ee87 rgb(166,238,135)
```
#b3f199
```
#b3f199 rgb(179,241,153)
```
#c0f3aa
```
#c0f3aa rgb(192,243,170)
```
#cdf6bb
```
#cdf6bb rgb(205,246,187)
```
#d9f8cc
```
#d9f8cc rgb(217,248,204)
```
#e6fadd
```
#e6fadd rgb(230,250,221)
```
#f3fdef
```
#f3fdef rgb(243,253,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8878 is the less saturated color, while #4efd03 is the most saturated one.

#7d8878
```
#7d8878 rgb(125,136,120)
```
#79926e
```
#79926e rgb(121,146,110)
```
#759c64
```
#759c64 rgb(117,156,100)
```
#71a55b
```
#71a55b rgb(113,165,91)
```
#6daf51
```
#6daf51 rgb(109,175,81)
```
#69b947
```
#69b947 rgb(105,185,71)
```
#66c33d
```
#66c33d rgb(102,195,61)
```
#62cc34
```
#62cc34 rgb(98,204,52)
```
#5ed62a
```
#5ed62a rgb(94,214,42)
```
#5ae020
```
#5ae020 rgb(90,224,32)
```
#56ea16
```
#56ea16 rgb(86,234,22)
```
#52f40c
```
#52f40c rgb(82,244,12)
```
#4efd03
```
#4efd03 rgb(78,253,3)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94ae88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc824 Protanopia 1% of men
#f7be43 Deuteranopia 1% of men
#8ad2e2 Tritanopia 0.001% of the population

Trichromacy

#afd022 Protanomaly 1% of men, 0.01% of women
#beca36 Deuteranomaly 6% of men, 0.4% of women
#78d79b Tritanomaly 0.01% of the population

#5ae020 hex color

#5ae020 Color Information

#5ae020 Color Conversion

Color Schemes with #5ae020

Alternatives to #5ae020

#5ae020 Preview

Shades and Tints of #5ae020

Tones of #5ae020

Color Blindness Simulator