colorhexa.com

#2ae020 hex color

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

- R 16
- G 88
- B 13
RGB color chart
- C 81
- M 0
- Y 86
- K 12
CMYK color chart

● #2ae020 color description : Vivid lime green.

The hexadecimal color #2ae020 has RGB values of R:42, G:224, B:32 and CMYK values of C:0.81, M:0, Y:0.86, K:0.12. Its decimal value is 2809888.

Hex triplet	2ae020	`#2ae020`
RGB Decimal	42, 224, 32	`rgb(42,224,32)`
RGB Percent	16.5, 87.8, 12.5	`rgb(16.5%,87.8%,12.5%)`
CMYK	81, 0, 86, 12
HSL	116.9°, 75.6, 50.2	`hsl(116.9,75.6%,50.2%)`
HSV (or HSB)	116.9°, 85.7, 87.8
Web Safe	33cc33	`#33cc33`

CIE-LAB	78.406, -74.748, 71.634
XYZ	27.87, 53.905, 10.302
xyY	0.303, 0.585, 53.905
CIE-LCH	78.406, 103.531, 136.219
CIE-LUV	78.406, -70.648, 92.759
Hunter-Lab	73.42, -60.728, 43.074
Binary	00101010, 11100000, 00100000

#2ae020
```
#2ae020 rgb(42,224,32)
```
#d620e0
```
#d620e0 rgb(214,32,224)
```

Complementary Color

#8ae020
```
#8ae020 rgb(138,224,32)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#20e076
```
#20e076 rgb(32,224,118)
```

Analogous Color

#e0208a
```
#e0208a rgb(224,32,138)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#7620e0
```
#7620e0 rgb(118,32,224)
```

Split Complementary Color

#e0202a
```
#e0202a rgb(224,32,42)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#202ae0
```
#202ae0 rgb(32,42,224)
```

Triadic Color

#e0d620
```
#e0d620 rgb(224,214,32)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#202ae0
```
#202ae0 rgb(32,42,224)
```
#d620e0
```
#d620e0 rgb(214,32,224)
```

Tetradic Color

#1d9e16
```
#1d9e16 rgb(29,158,22)
```
#21b419
```
#21b419 rgb(33,180,25)
```
#25ca1c
```
#25ca1c rgb(37,202,28)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#3fe336
```
#3fe336 rgb(63,227,54)
```
#55e64d
```
#55e64d rgb(85,230,77)
```
#6ae963
```
#6ae963 rgb(106,233,99)
```

Monochromatic Color

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

#5ae020
```
#5ae020 rgb(90,224,32)
```
#4ae020
```
#4ae020 rgb(74,224,32)
```
#3ae020
```
#3ae020 rgb(58,224,32)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#20e026
```
#20e026 rgb(32,224,38)
```
#20e036
```
#20e036 rgb(32,224,54)
```
#20e046
```
#20e046 rgb(32,224,70)
```

Similar Colors

Text with hexadecimal color #2ae020

This text has a font color of #2ae020.

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

#2ae020 background color

This paragraph has a background color of #2ae020.

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

#2ae020 border color

This element has a border color of #2ae020.

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

CSS codes

.text {color:#2ae020;}

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

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

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 #effdef is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#031203
```
#031203 rgb(3,18,3)
```
#062305
```
#062305 rgb(6,35,5)
```
#0a3507
```
#0a3507 rgb(10,53,7)
```
#0d460a
```
#0d460a rgb(13,70,10)
```
#10570c
```
#10570c rgb(16,87,12)
```
#13680e
```
#13680e rgb(19,104,14)
```
#167911
```
#167911 rgb(22,121,17)
```
#198b13
```
#198b13 rgb(25,139,19)
```
#1d9c16
```
#1d9c16 rgb(29,156,22)
```
#20ad18
```
#20ad18 rgb(32,173,24)
```
#23be1a
```
#23be1a rgb(35,190,26)
```
#26d01d
```
#26d01d rgb(38,208,29)
```

Shade Color Variation

#2ae020
```
#2ae020 rgb(42,224,32)
```
#3ae231
```
#3ae231 rgb(58,226,49)
```
#4be542
```
#4be542 rgb(75,229,66)
```
#5be754
```
#5be754 rgb(91,231,84)
```
#6cea65
```
#6cea65 rgb(108,234,101)
```
#7cec76
```
#7cec76 rgb(124,236,118)
```
#8dee87
```
#8dee87 rgb(141,238,135)
```
#9df199
```
#9df199 rgb(157,241,153)
```
#aef3aa
```
#aef3aa rgb(174,243,170)
```
#bef6bb
```
#bef6bb rgb(190,246,187)
```
#cef8cc
```
#cef8cc rgb(206,248,204)
```
#dffadd
```
#dffadd rgb(223,250,221)
```
#effdef
```
#effdef rgb(239,253,239)
```

Tint Color Variation

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

#798878
```
#798878 rgb(121,136,120)
```
#70926e
```
#70926e rgb(112,146,110)
```
#679c64
```
#679c64 rgb(103,156,100)
```
#5fa55b
```
#5fa55b rgb(95,165,91)
```
#56af51
```
#56af51 rgb(86,175,81)
```
#4db947
```
#4db947 rgb(77,185,71)
```
#44c33d
```
#44c33d rgb(68,195,61)
```
#3ccc34
```
#3ccc34 rgb(60,204,52)
```
#33d62a
```
#33d62a rgb(51,214,42)
```
#2ae020
```
#2ae020 rgb(42,224,32)
```
#21ea16
```
#21ea16 rgb(33,234,22)
```
#18f40c
```
#18f40c rgb(24,244,12)
```
#10fd03
```
#10fd03 rgb(16,253,3)
```

Tone Color Variation

Below, you can see how #2ae020 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
#7fa37d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc523 Protanopia 1% of men
#f4bb45 Deuteranopia 1% of men
#74d2e2 Tritanopia 0.001% of the population

Trichromacy

#9bcf22 Protanomaly 1% of men, 0.01% of women
#aac937 Deuteranomaly 6% of men, 0.4% of women
#59d79b Tritanomaly 0.01% of the population