#5ae016 hex color

In a RGB color space, hex #5ae016 is composed of 35.3% red, 87.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 90.2% yellow and 12.2% black. It has a hue angle of 99.8 degrees, a saturation of 82.1% and a lightness of 48.2%. #5ae016 color hex could be obtained by blending #b4ff2c with #00c100. Closest websafe color is: #66cc00.

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

● #5ae016 color description : Vivid green.

The hexadecimal color #5ae016 has RGB values of R:90, G:224, B:22 and CMYK values of C:0.6, M:0, Y:0.9, K:0.12. Its decimal value is 5955606.

Hex triplet	5ae016	`#5ae016`
RGB Decimal	90, 224, 22	`rgb(90,224,22)`
RGB Percent	35.3, 87.8, 8.6	`rgb(35.3%,87.8%,8.6%)`
CMYK	60, 0, 90, 12
HSL	99.8°, 82.1, 48.2	`hsl(99.8,82.1%,48.2%)`
HSV (or HSB)	99.8°, 90.2, 87.8
Web Safe	66cc00	`#66cc00`

CIE-LAB	79.351, -66.766, 74.633
XYZ	31.016, 55.54, 9.845
xyY	0.322, 0.576, 55.54
CIE-LCH	79.351, 100.139, 131.816
CIE-LUV	79.351, -60.877, 93.883
Hunter-Lab	74.525, -56.132, 44.335
Binary	01011010, 11100000, 00010110

#5ae016
```
#5ae016 rgb(90,224,22)
```
#9c16e0
```
#9c16e0 rgb(156,22,224)
```

Complementary Color

#bfe016
```
#bfe016 rgb(191,224,22)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#16e037
```
#16e037 rgb(22,224,55)
```

Analogous Color

#e016bf
```
#e016bf rgb(224,22,191)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#3716e0
```
#3716e0 rgb(55,22,224)
```

Split Complementary Color

#e0165a
```
#e0165a rgb(224,22,90)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#165ae0
```
#165ae0 rgb(22,90,224)
```

Triadic Color

#e09c16
```
#e09c16 rgb(224,156,22)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#165ae0
```
#165ae0 rgb(22,90,224)
```
#9c16e0
```
#9c16e0 rgb(156,22,224)
```

Tetradic Color

#3e9a0f
```
#3e9a0f rgb(62,154,15)
```
#47b211
```
#47b211 rgb(71,178,17)
```
#51c914
```
#51c914 rgb(81,201,20)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#68ea26
```
#68ea26 rgb(104,234,38)
```
#78ec3d
```
#78ec3d rgb(120,236,61)
```
#88ee54
```
#88ee54 rgb(136,238,84)
```

Monochromatic Color

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

#8de016
```
#8de016 rgb(141,224,22)
```
#7ce016
```
#7ce016 rgb(124,224,22)
```
#6be016
```
#6be016 rgb(107,224,22)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#49e016
```
#49e016 rgb(73,224,22)
```
#38e016
```
#38e016 rgb(56,224,22)
```
#28e016
```
#28e016 rgb(40,224,22)
```

Similar Colors

Text with hexadecimal color #5ae016

This text has a font color of #5ae016.

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

#5ae016 background color

This paragraph has a background color of #5ae016.

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

#5ae016 border color

This element has a border color of #5ae016.

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

CSS codes

.text {color:#5ae016;}

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

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

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, #040a01 is the darkest color, while #f9fef7 is the lightest one.

#040a01
```
#040a01 rgb(4,10,1)
```
#0b1c03
```
#0b1c03 rgb(11,28,3)
```
#122d04
```
#122d04 rgb(18,45,4)
```
#193f06
```
#193f06 rgb(25,63,6)
```
#215108
```
#215108 rgb(33,81,8)
```
#28630a
```
#28630a rgb(40,99,10)
```
#2f750b
```
#2f750b rgb(47,117,11)
```
#36870d
```
#36870d rgb(54,135,13)
```
#3d990f
```
#3d990f rgb(61,153,15)
```
#44aa11
```
#44aa11 rgb(68,170,17)
```
#4cbc12
```
#4cbc12 rgb(76,188,18)
```
#53ce14
```
#53ce14 rgb(83,206,20)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```

Shade Color Variation

#64e920
```
#64e920 rgb(100,233,32)
```
#70eb32
```
#70eb32 rgb(112,235,50)
```
#7ded44
```
#7ded44 rgb(125,237,68)
```
#89ee56
```
#89ee56 rgb(137,238,86)
```
#96f068
```
#96f068 rgb(150,240,104)
```
#a2f27a
```
#a2f27a rgb(162,242,122)
```
#aff48c
```
#aff48c rgb(175,244,140)
```
#bbf59d
```
#bbf59d rgb(187,245,157)
```
#c8f7af
```
#c8f7af rgb(200,247,175)
```
#d4f9c1
```
#d4f9c1 rgb(212,249,193)
```
#e0fbd3
```
#e0fbd3 rgb(224,251,211)
```
#edfce5
```
#edfce5 rgb(237,252,229)
```
#f9fef7
```
#f9fef7 rgb(249,254,247)
```

Tint Color Variation

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

#798175
```
#798175 rgb(121,129,117)
```
#768b6b
```
#768b6b rgb(118,139,107)
```
#739462
```
#739462 rgb(115,148,98)
```
#709e58
```
#709e58 rgb(112,158,88)
```
#6da74f
```
#6da74f rgb(109,167,79)
```
#69b145
```
#69b145 rgb(105,177,69)
```
#66ba3c
```
#66ba3c rgb(102,186,60)
```
#63c432
```
#63c432 rgb(99,196,50)
```
#60cd29
```
#60cd29 rgb(96,205,41)
```
#5dd71f
```
#5dd71f rgb(93,215,31)
```
#5ae016
```
#5ae016 rgb(90,224,22)
```
#57e90d
```
#57e90d rgb(87,233,13)
```
#54f303
```
#54f303 rgb(84,243,3)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#93ae85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc818 Protanopia 1% of men
#f8be3e Deuteranopia 1% of men
#8ad2e1 Tritanopia 0.001% of the population

Trichromacy

#afd017 Protanomaly 1% of men, 0.01% of women
#beca2f Deuteranomaly 6% of men, 0.4% of women
#79d797 Tritanomaly 0.01% of the population

#5ae016 hex color

#5ae016 Color Information

#5ae016 Color Conversion

Color Schemes with #5ae016

Alternatives to #5ae016

#5ae016 Preview

Shades and Tints of #5ae016

Tones of #5ae016

Color Blindness Simulator