#2afe20 hex color

In a RGB color space, hex #2afe20 is composed of 16.5% red, 99.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 87.4% yellow and 0.4% black. It has a hue angle of 117.3 degrees, a saturation of 99.1% and a lightness of 56.1%. #2afe20 color hex could be obtained by blending #54ff40 with #00fd00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 100
- B 13
RGB color chart
- C 83
- M 0
- Y 87
- K 0
CMYK color chart

● #2afe20 color description : Vivid lime green.

The hexadecimal color #2afe20 has RGB values of R:42, G:254, B:32 and CMYK values of C:0.83, M:0, Y:0.87, K:0. Its decimal value is 2817568.

Hex triplet	2afe20	`#2afe20`
RGB Decimal	42, 254, 32	`rgb(42,254,32)`
RGB Percent	16.5, 99.6, 12.5	`rgb(16.5%,99.6%,12.5%)`
CMYK	83, 0, 87, 0
HSL	117.3°, 99.1, 56.1	`hsl(117.3,99.1%,56.1%)`
HSV (or HSB)	117.3°, 87.4, 99.6
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.716, -83.106, 79.759
XYZ	36.655, 71.476, 13.231
xyY	0.302, 0.589, 71.476
CIE-LCH	87.716, 115.187, 136.177
CIE-LUV	87.716, -80.021, 104.655
Hunter-Lab	84.544, -70.559, 49.902
Binary	00101010, 11111110, 00100000

#2afe20
```
#2afe20 rgb(42,254,32)
```
#f420fe
```
#f420fe rgb(244,32,254)
```

Complementary Color

#99fe20
```
#99fe20 rgb(153,254,32)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#20fe85
```
#20fe85 rgb(32,254,133)
```

Analogous Color

#fe2099
```
#fe2099 rgb(254,32,153)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#8520fe
```
#8520fe rgb(133,32,254)
```

Split Complementary Color

#fe202a
```
#fe202a rgb(254,32,42)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#202afe
```
#202afe rgb(32,42,254)
```

Triadic Color

#fef420
```
#fef420 rgb(254,244,32)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#202afe
```
#202afe rgb(32,42,254)
```
#f420fe
```
#f420fe rgb(244,32,254)
```

Tetradic Color

#0ad101
```
#0ad101 rgb(10,209,1)
```
#0cea01
```
#0cea01 rgb(12,234,1)
```
#12fe07
```
#12fe07 rgb(18,254,7)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#42fe39
```
#42fe39 rgb(66,254,57)
```
#5afe53
```
#5afe53 rgb(90,254,83)
```
#73fe6c
```
#73fe6c rgb(115,254,108)
```

Monochromatic Color

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

#62fe20
```
#62fe20 rgb(98,254,32)
```
#4ffe20
```
#4ffe20 rgb(79,254,32)
```
#3dfe20
```
#3dfe20 rgb(61,254,32)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#20fe28
```
#20fe28 rgb(32,254,40)
```
#20fe3b
```
#20fe3b rgb(32,254,59)
```
#20fe4e
```
#20fe4e rgb(32,254,78)
```

Similar Colors

Text with hexadecimal color #2afe20

This text has a font color of #2afe20.

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

#2afe20 background color

This paragraph has a background color of #2afe20.

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

#2afe20 border color

This element has a border color of #2afe20.

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

CSS codes

.text {color:#2afe20;}

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

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

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, #010b00 is the darkest color, while #f7fff7 is the lightest one.

#010b00
```
#010b00 rgb(1,11,0)
```
#021f00
```
#021f00 rgb(2,31,0)
```
#023200
```
#023200 rgb(2,50,0)
```
#034600
```
#034600 rgb(3,70,0)
```
#045900
```
#045900 rgb(4,89,0)
```
#056d00
```
#056d00 rgb(5,109,0)
```
#068101
```
#068101 rgb(6,129,1)
```
#079401
```
#079401 rgb(7,148,1)
```
#08a801
```
#08a801 rgb(8,168,1)
```
#09bb01
```
#09bb01 rgb(9,187,1)
```
#0acf01
```
#0acf01 rgb(10,207,1)
```
#0be201
```
#0be201 rgb(11,226,1)
```
#0cf601
```
#0cf601 rgb(12,246,1)
```

Shade Color Variation

#17fe0c
```
#17fe0c rgb(23,254,12)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```
#3dfe34
```
#3dfe34 rgb(61,254,52)
```
#4ffe47
```
#4ffe47 rgb(79,254,71)
```
#62fe5b
```
#62fe5b rgb(98,254,91)
```
#75fe6e
```
#75fe6e rgb(117,254,110)
```
#87fe82
```
#87fe82 rgb(135,254,130)
```
#9aff95
```
#9aff95 rgb(154,255,149)
```
#adffa9
```
#adffa9 rgb(173,255,169)
```
#bfffbc
```
#bfffbc rgb(191,255,188)
```
#d2ffd0
```
#d2ffd0 rgb(210,255,208)
```
#e5ffe3
```
#e5ffe3 rgb(229,255,227)
```
#f7fff7
```
#f7fff7 rgb(247,255,247)
```

Tint Color Variation

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

#889787
```
#889787 rgb(136,151,135)
```
#809f7f
```
#809f7f rgb(128,159,127)
```
#78a876
```
#78a876 rgb(120,168,118)
```
#71b06e
```
#71b06e rgb(113,176,110)
```
#69b965
```
#69b965 rgb(105,185,101)
```
#61c25c
```
#61c25c rgb(97,194,92)
```
#59ca54
```
#59ca54 rgb(89,202,84)
```
#51d34b
```
#51d34b rgb(81,211,75)
```
#49dc42
```
#49dc42 rgb(73,220,66)
```
#42e43a
```
#42e43a rgb(66,228,58)
```
#3aed31
```
#3aed31 rgb(58,237,49)
```
#32f529
```
#32f529 rgb(50,245,41)
```
#2afe20
```
#2afe20 rgb(42,254,32)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8cb78a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de21 Protanopia 1% of men
#ffd79f Deuteranopia 1% of men
#81edfe Tritanopia 0.001% of the population

Trichromacy

#ade920 Protanomaly 1% of men, 0.01% of women
#b1e571 Deuteranomaly 6% of men, 0.4% of women
#61f3ad Tritanomaly 0.01% of the population

#2afe20 hex color

#2afe20 Color Information

#2afe20 Color Conversion

Color Schemes with #2afe20

Alternatives to #2afe20

#2afe20 Preview

Shades and Tints of #2afe20

Tones of #2afe20

Color Blindness Simulator