#5ae216 hex color

In a RGB color space, hex #5ae216 is composed of 35.3% red, 88.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 90.3% yellow and 11.4% black. It has a hue angle of 100 degrees, a saturation of 82.3% and a lightness of 48.6%. #5ae216 color hex could be obtained by blending #b4ff2c with #00c500. Closest websafe color is: #66cc00.

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

● #5ae216 color description : Vivid green.

The hexadecimal color #5ae216 has RGB values of R:90, G:226, B:22 and CMYK values of C:0.6, M:0, Y:0.9, K:0.11. Its decimal value is 5956118.

Hex triplet	5ae216	`#5ae216`
RGB Decimal	90, 226, 22	`rgb(90,226,22)`
RGB Percent	35.3, 88.6, 8.6	`rgb(35.3%,88.6%,8.6%)`
CMYK	60, 0, 90, 11
HSL	100°, 82.3, 48.6	`hsl(100,82.3%,48.6%)`
HSV (or HSB)	100°, 90.3, 88.6
Web Safe	66cc00	`#66cc00`

CIE-LAB	79.966, -67.428, 75.148
XYZ	31.556, 56.622, 10.025
xyY	0.321, 0.577, 56.622
CIE-LCH	79.966, 100.964, 131.9
CIE-LUV	79.966, -61.622, 94.673
Hunter-Lab	75.247, -56.826, 44.774
Binary	01011010, 11100010, 00010110

#5ae216
```
#5ae216 rgb(90,226,22)
```
#9e16e2
```
#9e16e2 rgb(158,22,226)
```

Complementary Color

#c0e216
```
#c0e216 rgb(192,226,22)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#16e238
```
#16e238 rgb(22,226,56)
```

Analogous Color

#e216c0
```
#e216c0 rgb(226,22,192)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#3816e2
```
#3816e2 rgb(56,22,226)
```

Split Complementary Color

#e2165a
```
#e2165a rgb(226,22,90)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#165ae2
```
#165ae2 rgb(22,90,226)
```

Triadic Color

#e29e16
```
#e29e16 rgb(226,158,22)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#165ae2
```
#165ae2 rgb(22,90,226)
```
#9e16e2
```
#9e16e2 rgb(158,22,226)
```

Tetradic Color

#3e9c0f
```
#3e9c0f rgb(62,156,15)
```
#47b411
```
#47b411 rgb(71,180,17)
```
#51cb14
```
#51cb14 rgb(81,203,20)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#68ea27
```
#68ea27 rgb(104,234,39)
```
#79ec3f
```
#79ec3f rgb(121,236,63)
```
#89ef56
```
#89ef56 rgb(137,239,86)
```

Monochromatic Color

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

#8de216
```
#8de216 rgb(141,226,22)
```
#7ce216
```
#7ce216 rgb(124,226,22)
```
#6be216
```
#6be216 rgb(107,226,22)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#49e216
```
#49e216 rgb(73,226,22)
```
#38e216
```
#38e216 rgb(56,226,22)
```
#27e216
```
#27e216 rgb(39,226,22)
```

Similar Colors

Text with hexadecimal color #5ae216

This text has a font color of #5ae216.

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

#5ae216 background color

This paragraph has a background color of #5ae216.

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

#5ae216 border color

This element has a border color of #5ae216.

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

CSS codes

.text {color:#5ae216;}

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

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

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, #050b01 is the darkest color, while #fbfef9 is the lightest one.

#050b01
```
#050b01 rgb(5,11,1)
```
#0c1d03
```
#0c1d03 rgb(12,29,3)
```
#132f05
```
#132f05 rgb(19,47,5)
```
#1a4106
```
#1a4106 rgb(26,65,6)
```
#215308
```
#215308 rgb(33,83,8)
```
#28650a
```
#28650a rgb(40,101,10)
```
#2f770c
```
#2f770c rgb(47,119,12)
```
#36890d
```
#36890d rgb(54,137,13)
```
#3e9a0f
```
#3e9a0f rgb(62,154,15)
```
#45ac11
```
#45ac11 rgb(69,172,17)
```
#4cbe13
```
#4cbe13 rgb(76,190,19)
```
#53d014
```
#53d014 rgb(83,208,20)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```

Shade Color Variation

#65e922
```
#65e922 rgb(101,233,34)
```
#71eb34
```
#71eb34 rgb(113,235,52)
```
#7eed46
```
#7eed46 rgb(126,237,70)
```
#8aef58
```
#8aef58 rgb(138,239,88)
```
#97f06a
```
#97f06a rgb(151,240,106)
```
#a3f27b
```
#a3f27b rgb(163,242,123)
```
#b0f48d
```
#b0f48d rgb(176,244,141)
```
#bcf69f
```
#bcf69f rgb(188,246,159)
```
#c9f7b1
```
#c9f7b1 rgb(201,247,177)
```
#d5f9c3
```
#d5f9c3 rgb(213,249,195)
```
#e2fbd5
```
#e2fbd5 rgb(226,251,213)
```
#eefde7
```
#eefde7 rgb(238,253,231)
```
#fbfef9
```
#fbfef9 rgb(251,254,249)
```

Tint Color Variation

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

#7a8375
```
#7a8375 rgb(122,131,117)
```
#778c6c
```
#778c6c rgb(119,140,108)
```
#739662
```
#739662 rgb(115,150,98)
```
#709f59
```
#709f59 rgb(112,159,89)
```
#6da94f
```
#6da94f rgb(109,169,79)
```
#6ab246
```
#6ab246 rgb(106,178,70)
```
#67bc3c
```
#67bc3c rgb(103,188,60)
```
#64c533
```
#64c533 rgb(100,197,51)
```
#60cf29
```
#60cf29 rgb(96,207,41)
```
#5dd820
```
#5dd820 rgb(93,216,32)
```
#5ae216
```
#5ae216 rgb(90,226,22)
```
#57ec0c
```
#57ec0c rgb(87,236,12)
```
#54f503
```
#54f503 rgb(84,245,3)
```

Tone Color Variation

Below, you can see how #5ae216 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
#94af86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c918 Protanopia 1% of men
#fabf3f Deuteranopia 1% of men
#8bd4e3 Tritanopia 0.001% of the population

Trichromacy

#b0d217 Protanomaly 1% of men, 0.01% of women
#bfcc30 Deuteranomaly 6% of men, 0.4% of women
#79d998 Tritanomaly 0.01% of the population

#5ae216 hex color

#5ae216 Color Information

#5ae216 Color Conversion

Color Schemes with #5ae216

Alternatives to #5ae216

#5ae216 Preview

Shades and Tints of #5ae216

Tones of #5ae216

Color Blindness Simulator