#2ae316 hex color

In a RGB color space, hex #2ae316 is composed of 16.5% red, 89% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 90.3% yellow and 11% black. It has a hue angle of 114.1 degrees, a saturation of 82.3% and a lightness of 48.8%. #2ae316 color hex could be obtained by blending #54ff2c with #00c700. Closest websafe color is: #33cc00.

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

● #2ae316 color description : Vivid lime green.

The hexadecimal color #2ae316 has RGB values of R:42, G:227, B:22 and CMYK values of C:0.81, M:0, Y:0.9, K:0.11. Its decimal value is 2810646.

Hex triplet	2ae316	`#2ae316`
RGB Decimal	42, 227, 22	`rgb(42,227,22)`
RGB Percent	16.5, 89, 8.6	`rgb(16.5%,89%,8.6%)`
CMYK	81, 0, 90, 11
HSL	114.1°, 82.3, 48.8	`hsl(114.1,82.3%,48.8%)`
HSV (or HSB)	114.1°, 90.3, 89
Web Safe	33cc00	`#33cc00`

CIE-LAB	79.32, -75.938, 74.22
XYZ	28.567, 55.485, 9.963
xyY	0.304, 0.59, 55.485
CIE-LCH	79.32, 106.185, 135.655
CIE-LUV	79.32, -71.721, 95.163
Hunter-Lab	74.488, -61.898, 44.212
Binary	00101010, 11100011, 00010110

#2ae316
```
#2ae316 rgb(42,227,22)
```
#cf16e3
```
#cf16e3 rgb(207,22,227)
```

Complementary Color

#91e316
```
#91e316 rgb(145,227,22)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#16e369
```
#16e369 rgb(22,227,105)
```

Analogous Color

#e31691
```
#e31691 rgb(227,22,145)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#6916e3
```
#6916e3 rgb(105,22,227)
```

Split Complementary Color

#e3162a
```
#e3162a rgb(227,22,42)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#162ae3
```
#162ae3 rgb(22,42,227)
```

Triadic Color

#e3cf16
```
#e3cf16 rgb(227,207,22)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#162ae3
```
#162ae3 rgb(22,42,227)
```
#cf16e3
```
#cf16e3 rgb(207,22,227)
```

Tetradic Color

#1d9d0f
```
#1d9d0f rgb(29,157,15)
```
#21b511
```
#21b511 rgb(33,181,17)
```
#26cc14
```
#26cc14 rgb(38,204,20)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#3bea28
```
#3bea28 rgb(59,234,40)
```
#50ec40
```
#50ec40 rgb(80,236,64)
```
#66ef57
```
#66ef57 rgb(102,239,87)
```

Monochromatic Color

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

#5de316
```
#5de316 rgb(93,227,22)
```
#4ce316
```
#4ce316 rgb(76,227,22)
```
#3be316
```
#3be316 rgb(59,227,22)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#19e316
```
#19e316 rgb(25,227,22)
```
#16e324
```
#16e324 rgb(22,227,36)
```
#16e335
```
#16e335 rgb(22,227,53)
```

Similar Colors

Text with hexadecimal color #2ae316

This text has a font color of #2ae316.

<span style="color:#2ae316;">Text here</span>

#2ae316 background color

This paragraph has a background color of #2ae316.

<p style="background-color:#2ae316;">Content here</p>

#2ae316 border color

This element has a border color of #2ae316.

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

CSS codes

.text {color:#2ae316;}

.background {background-color:#2ae316;}

.border {border:1px solid #2ae316;}

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, #020c01 is the darkest color, while #fafefa is the lightest one.

#020c01
```
#020c01 rgb(2,12,1)
```
#061e03
```
#061e03 rgb(6,30,3)
```
#093005
```
#093005 rgb(9,48,5)
```
#0c4206
```
#0c4206 rgb(12,66,6)
```
#105408
```
#105408 rgb(16,84,8)
```
#13660a
```
#13660a rgb(19,102,10)
```
#16780c
```
#16780c rgb(22,120,12)
```
#198a0d
```
#198a0d rgb(25,138,13)
```
#1d9b0f
```
#1d9b0f rgb(29,155,15)
```
#20ad11
```
#20ad11 rgb(32,173,17)
```
#23bf13
```
#23bf13 rgb(35,191,19)
```
#27d114
```
#27d114 rgb(39,209,20)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```

Shade Color Variation

#36ea23
```
#36ea23 rgb(54,234,35)
```
#47eb35
```
#47eb35 rgb(71,235,53)
```
#57ed47
```
#57ed47 rgb(87,237,71)
```
#67ef59
```
#67ef59 rgb(103,239,89)
```
#78f16a
```
#78f16a rgb(120,241,106)
```
#88f27c
```
#88f27c rgb(136,242,124)
```
#98f48e
```
#98f48e rgb(152,244,142)
```
#a8f6a0
```
#a8f6a0 rgb(168,246,160)
```
#b9f8b2
```
#b9f8b2 rgb(185,248,178)
```
#c9f9c4
```
#c9f9c4 rgb(201,249,196)
```
#d9fbd6
```
#d9fbd6 rgb(217,251,214)
```
#eafde8
```
#eafde8 rgb(234,253,232)
```
#fafefa
```
#fafefa rgb(250,254,250)
```

Tint Color Variation

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

#778376
```
#778376 rgb(119,131,118)
```
#6f8d6c
```
#6f8d6c rgb(111,141,108)
```
#689663
```
#689663 rgb(104,150,99)
```
#60a059
```
#60a059 rgb(96,160,89)
```
#58aa4f
```
#58aa4f rgb(88,170,79)
```
#51b346
```
#51b346 rgb(81,179,70)
```
#49bd3c
```
#49bd3c rgb(73,189,60)
```
#41c633
```
#41c633 rgb(65,198,51)
```
#39d029
```
#39d029 rgb(57,208,41)
```
#32d920
```
#32d920 rgb(50,217,32)
```
#2ae316
```
#2ae316 rgb(42,227,22)
```
#22ed0c
```
#22ed0c rgb(34,237,12)
```
#1bf603
```
#1bf603 rgb(27,246,3)
```

Tone Color Variation

Below, you can see how #2ae316 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

#949494 Achromatopsia 0.005% of the population
#7fa47b Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc717 Protanopia 1% of men
#f7be40 Deuteranopia 1% of men
#75d5e4 Tritanopia 0.001% of the population

Trichromacy

#9dd116 Protanomaly 1% of men, 0.01% of women
#accb31 Deuteranomaly 6% of men, 0.4% of women
#5ada99 Tritanomaly 0.01% of the population

#2ae316 hex color

#2ae316 Color Information

#2ae316 Color Conversion

Color Schemes with #2ae316

Alternatives to #2ae316

#2ae316 Preview

Shades and Tints of #2ae316

Tones of #2ae316

Color Blindness Simulator