#2afe31 hex color

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

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

● #2afe31 color description : Bright lime green.

The hexadecimal color #2afe31 has RGB values of R:42, G:254, B:49 and CMYK values of C:0.83, M:0, Y:0.81, K:0. Its decimal value is 2817585.

Hex triplet	2afe31	`#2afe31`
RGB Decimal	42, 254, 49	`rgb(42,254,49)`
RGB Percent	16.5, 99.6, 19.2	`rgb(16.5%,99.6%,19.2%)`
CMYK	83, 0, 81, 0
HSL	122°, 99.1, 58	`hsl(122,99.1%,58%)`
HSV (or HSB)	122°, 83.5, 99.6
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.773, -82.381, 76.139
XYZ	36.949, 71.594, 14.777
xyY	0.3, 0.581, 71.594
CIE-LCH	87.773, 112.177, 137.255
CIE-LUV	87.773, -79.757, 102.063
Hunter-Lab	84.613, -70.125, 48.874
Binary	00101010, 11111110, 00110001

#2afe31
```
#2afe31 rgb(42,254,49)
```
#fe2af7
```
#fe2af7 rgb(254,42,247)
```

Complementary Color

#8dfe2a
```
#8dfe2a rgb(141,254,42)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#2afe9b
```
#2afe9b rgb(42,254,155)
```

Analogous Color

#fe2a8d
```
#fe2a8d rgb(254,42,141)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#9b2afe
```
#9b2afe rgb(155,42,254)
```

Split Complementary Color

#fe312a
```
#fe312a rgb(254,49,42)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#312afe
```
#312afe rgb(49,42,254)
```

Triadic Color

#f7fe2a
```
#f7fe2a rgb(247,254,42)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#312afe
```
#312afe rgb(49,42,254)
```
#fe2af7
```
#fe2af7 rgb(254,42,247)
```

Tetradic Color

#01da08
```
#01da08 rgb(1,218,8)
```
#01f409
```
#01f409 rgb(1,244,9)
```
#11fe18
```
#11fe18 rgb(17,254,24)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#43fe4a
```
#43fe4a rgb(67,254,74)
```
#5dfe62
```
#5dfe62 rgb(93,254,98)
```
#76fe7b
```
#76fe7b rgb(118,254,123)
```

Monochromatic Color

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

#58fe2a
```
#58fe2a rgb(88,254,42)
```
#46fe2a
```
#46fe2a rgb(70,254,42)
```
#35fe2a
```
#35fe2a rgb(53,254,42)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#2afe43
```
#2afe43 rgb(42,254,67)
```
#2afe54
```
#2afe54 rgb(42,254,84)
```
#2afe66
```
#2afe66 rgb(42,254,102)
```

Similar Colors

Text with hexadecimal color #2afe31

This text has a font color of #2afe31.

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

#2afe31 background color

This paragraph has a background color of #2afe31.

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

#2afe31 border color

This element has a border color of #2afe31.

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

CSS codes

.text {color:#2afe31;}

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

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

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, #000200 is the darkest color, while #edffee is the lightest one.

#000200
```
#000200 rgb(0,2,0)
```
#001501
```
#001501 rgb(0,21,1)
```
#002902
```
#002902 rgb(0,41,2)
```
#003c02
```
#003c02 rgb(0,60,2)
```
#005003
```
#005003 rgb(0,80,3)
```
#006304
```
#006304 rgb(0,99,4)
```
#017704
```
#017704 rgb(1,119,4)
```
#018a05
```
#018a05 rgb(1,138,5)
```
#019e06
```
#019e06 rgb(1,158,6)
```
#01b107
```
#01b107 rgb(1,177,7)
```
#01c507
```
#01c507 rgb(1,197,7)
```
#01d908
```
#01d908 rgb(1,217,8)
```
#01ec09
```
#01ec09 rgb(1,236,9)
```

Shade Color Variation

#03fe0b
```
#03fe0b rgb(3,254,11)
```
#16fe1e
```
#16fe1e rgb(22,254,30)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```
#3efe44
```
#3efe44 rgb(62,254,68)
```
#51fe57
```
#51fe57 rgb(81,254,87)
```
#65fe6a
```
#65fe6a rgb(101,254,106)
```
#78fe7d
```
#78fe7d rgb(120,254,125)
```
#8cfe8f
```
#8cfe8f rgb(140,254,143)
```
#9fffa2
```
#9fffa2 rgb(159,255,162)
```
#b3ffb5
```
#b3ffb5 rgb(179,255,181)
```
#c6ffc8
```
#c6ffc8 rgb(198,255,200)
```
#daffdb
```
#daffdb rgb(218,255,219)
```
#edffee
```
#edffee rgb(237,255,238)
```

Tint Color Variation

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

#8d9b8d
```
#8d9b8d rgb(141,155,141)
```
#85a386
```
#85a386 rgb(133,163,134)
```
#7cac7e
```
#7cac7e rgb(124,172,126)
```
#74b476
```
#74b476 rgb(116,180,118)
```
#6cbc6e
```
#6cbc6e rgb(108,188,110)
```
#64c467
```
#64c467 rgb(100,196,103)
```
#5bcd5f
```
#5bcd5f rgb(91,205,95)
```
#53d557
```
#53d557 rgb(83,213,87)
```
#4bdd50
```
#4bdd50 rgb(75,221,80)
```
#43e548
```
#43e548 rgb(67,229,72)
```
#3aee40
```
#3aee40 rgb(58,238,64)
```
#32f639
```
#32f639 rgb(50,246,57)
```
#2afe31
```
#2afe31 rgb(42,254,49)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8eb88f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de33 Protanopia 1% of men
#ffd7a1 Deuteranopia 1% of men
#80edfe Tritanopia 0.001% of the population

Trichromacy

#ade932 Protanomaly 1% of men, 0.01% of women
#b1e578 Deuteranomaly 6% of men, 0.4% of women
#61f3b3 Tritanomaly 0.01% of the population

#2afe31 hex color

#2afe31 Color Information

#2afe31 Color Conversion

Color Schemes with #2afe31

Alternatives to #2afe31

#2afe31 Preview

Shades and Tints of #2afe31

Tones of #2afe31

Color Blindness Simulator