#2afe1f hex color

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

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

● #2afe1f color description : Vivid lime green.

The hexadecimal color #2afe1f has RGB values of R:42, G:254, B:31 and CMYK values of C:0.83, M:0, Y:0.88, K:0. Its decimal value is 2817567.

Hex triplet	2afe1f	`#2afe1f`
RGB Decimal	42, 254, 31	`rgb(42,254,31)`
RGB Percent	16.5, 99.6, 12.2	`rgb(16.5%,99.6%,12.2%)`
CMYK	83, 0, 88, 0
HSL	117°, 99.1, 55.9	`hsl(117,99.1%,55.9%)`
HSV (or HSB)	117°, 87.8, 99.6
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.713, -83.139, 79.931
XYZ	36.642, 71.471, 13.16
xyY	0.302, 0.589, 71.471
CIE-LCH	87.713, 115.33, 136.127
CIE-LUV	87.713, -80.034, 104.773
Hunter-Lab	84.54, -70.579, 49.949
Binary	00101010, 11111110, 00011111

#2afe1f
```
#2afe1f rgb(42,254,31)
```
#f31ffe
```
#f31ffe rgb(243,31,254)
```

Complementary Color

#9afe1f
```
#9afe1f rgb(154,254,31)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#1ffe84
```
#1ffe84 rgb(31,254,132)
```

Analogous Color

#fe1f9a
```
#fe1f9a rgb(254,31,154)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#841ffe
```
#841ffe rgb(132,31,254)
```

Split Complementary Color

#fe1f2a
```
#fe1f2a rgb(254,31,42)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#1f2afe
```
#1f2afe rgb(31,42,254)
```

Triadic Color

#fef31f
```
#fef31f rgb(254,243,31)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#1f2afe
```
#1f2afe rgb(31,42,254)
```
#f31ffe
```
#f31ffe rgb(243,31,254)
```

Tetradic Color

#0bd001
```
#0bd001 rgb(11,208,1)
```
#0ce901
```
#0ce901 rgb(12,233,1)
```
#12fe06
```
#12fe06 rgb(18,254,6)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#42fe38
```
#42fe38 rgb(66,254,56)
```
#5afe52
```
#5afe52 rgb(90,254,82)
```
#72fe6b
```
#72fe6b rgb(114,254,107)
```

Monochromatic Color

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

#62fe1f
```
#62fe1f rgb(98,254,31)
```
#4ffe1f
```
#4ffe1f rgb(79,254,31)
```
#3dfe1f
```
#3dfe1f rgb(61,254,31)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#1ffe27
```
#1ffe27 rgb(31,254,39)
```
#1ffe39
```
#1ffe39 rgb(31,254,57)
```
#1ffe4c
```
#1ffe4c rgb(31,254,76)
```

Similar Colors

Text with hexadecimal color #2afe1f

This text has a font color of #2afe1f.

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

#2afe1f background color

This paragraph has a background color of #2afe1f.

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

#2afe1f border color

This element has a border color of #2afe1f.

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

CSS codes

.text {color:#2afe1f;}

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

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

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

#010a00
```
#010a00 rgb(1,10,0)
```
#021e00
```
#021e00 rgb(2,30,0)
```
#033100
```
#033100 rgb(3,49,0)
```
#044500
```
#044500 rgb(4,69,0)
```
#055800
```
#055800 rgb(5,88,0)
```
#066c00
```
#066c00 rgb(6,108,0)
```
#078001
```
#078001 rgb(7,128,1)
```
#089301
```
#089301 rgb(8,147,1)
```
#09a701
```
#09a701 rgb(9,167,1)
```
#0aba01
```
#0aba01 rgb(10,186,1)
```
#0bce01
```
#0bce01 rgb(11,206,1)
```
#0ce101
```
#0ce101 rgb(12,225,1)
```
#0df501
```
#0df501 rgb(13,245,1)
```

Shade Color Variation

#17fe0b
```
#17fe0b rgb(23,254,11)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```
#3dfe33
```
#3dfe33 rgb(61,254,51)
```
#4ffe46
```
#4ffe46 rgb(79,254,70)
```
#62fe5a
```
#62fe5a rgb(98,254,90)
```
#74fe6d
```
#74fe6d rgb(116,254,109)
```
#87fe81
```
#87fe81 rgb(135,254,129)
```
#99ff94
```
#99ff94 rgb(153,255,148)
```
#acffa8
```
#acffa8 rgb(172,255,168)
```
#bfffbb
```
#bfffbb rgb(191,255,187)
```
#d1ffcf
```
#d1ffcf rgb(209,255,207)
```
#e4ffe2
```
#e4ffe2 rgb(228,255,226)
```
#f6fff6
```
#f6fff6 rgb(246,255,246)
```

Tint Color Variation

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

#889687
```
#889687 rgb(136,150,135)
```
#809f7e
```
#809f7e rgb(128,159,126)
```
#78a776
```
#78a776 rgb(120,167,118)
```
#70b06d
```
#70b06d rgb(112,176,109)
```
#68b964
```
#68b964 rgb(104,185,100)
```
#61c15c
```
#61c15c rgb(97,193,92)
```
#59ca53
```
#59ca53 rgb(89,202,83)
```
#51d34a
```
#51d34a rgb(81,211,74)
```
#49db42
```
#49db42 rgb(73,219,66)
```
#41e439
```
#41e439 rgb(65,228,57)
```
#3aed30
```
#3aed30 rgb(58,237,48)
```
#32f528
```
#32f528 rgb(50,245,40)
```
#2afe1f
```
#2afe1f rgb(42,254,31)
```

Tone Color Variation

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

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

Trichromacy

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

#2afe1f hex color

#2afe1f Color Information

#2afe1f Color Conversion

Color Schemes with #2afe1f

Alternatives to #2afe1f

#2afe1f Preview

Shades and Tints of #2afe1f

Tones of #2afe1f

Color Blindness Simulator