#2af81e hex color

In a RGB color space, hex #2af81e is composed of 16.5% red, 97.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 87.9% yellow and 2.7% black. It has a hue angle of 116.7 degrees, a saturation of 94% and a lightness of 54.5%. #2af81e color hex could be obtained by blending #54ff3c with #00f100. Closest websafe color is: #33ff33.

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

● #2af81e color description : Vivid lime green.

The hexadecimal color #2af81e has RGB values of R:42, G:248, B:30 and CMYK values of C:0.83, M:0, Y:0.88, K:0.03. Its decimal value is 2816030.

Hex triplet	2af81e	`#2af81e`
RGB Decimal	42, 248, 30	`rgb(42,248,30)`
RGB Percent	16.5, 97.3, 11.8	`rgb(16.5%,97.3%,11.8%)`
CMYK	83, 0, 88, 3
HSL	116.7°, 94, 54.5	`hsl(116.7,94%,54.5%)`
HSV (or HSB)	116.7°, 87.9, 97.3
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.865, -81.529, 78.511
XYZ	34.755, 67.717, 12.467
xyY	0.302, 0.589, 67.717
CIE-LCH	85.865, 113.186, 136.08
CIE-LUV	85.865, -78.198, 102.547
Hunter-Lab	82.29, -68.62, 48.621
Binary	00101010, 11111000, 00011110

#2af81e
```
#2af81e rgb(42,248,30)
```
#ec1ef8
```
#ec1ef8 rgb(236,30,248)
```

Complementary Color

#97f81e
```
#97f81e rgb(151,248,30)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#1ef87f
```
#1ef87f rgb(30,248,127)
```

Analogous Color

#f81e97
```
#f81e97 rgb(248,30,151)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#7f1ef8
```
#7f1ef8 rgb(127,30,248)
```

Split Complementary Color

#f81e2a
```
#f81e2a rgb(248,30,42)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#1e2af8
```
#1e2af8 rgb(30,42,248)
```

Triadic Color

#f8ec1e
```
#f8ec1e rgb(248,236,30)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#1e2af8
```
#1e2af8 rgb(30,42,248)
```
#ec1ef8
```
#ec1ef8 rgb(236,30,248)
```

Tetradic Color

#11c306
```
#11c306 rgb(17,195,6)
```
#13dc07
```
#13dc07 rgb(19,220,7)
```
#15f508
```
#15f508 rgb(21,245,8)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#41f937
```
#41f937 rgb(65,249,55)
```
#59fa4f
```
#59fa4f rgb(89,250,79)
```
#70fa68
```
#70fa68 rgb(112,250,104)
```

Monochromatic Color

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

#60f81e
```
#60f81e rgb(96,248,30)
```
#4ef81e
```
#4ef81e rgb(78,248,30)
```
#3cf81e
```
#3cf81e rgb(60,248,30)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#1ef824
```
#1ef824 rgb(30,248,36)
```
#1ef836
```
#1ef836 rgb(30,248,54)
```
#1ef849
```
#1ef849 rgb(30,248,73)
```

Similar Colors

Text with hexadecimal color #2af81e

This text has a font color of #2af81e.

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

#2af81e background color

This paragraph has a background color of #2af81e.

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

#2af81e border color

This element has a border color of #2af81e.

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

CSS codes

.text {color:#2af81e;}

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

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

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

#000300
```
#000300 rgb(0,3,0)
```
#021601
```
#021601 rgb(2,22,1)
```
#032901
```
#032901 rgb(3,41,1)
```
#053c02
```
#053c02 rgb(5,60,2)
```
#074f02
```
#074f02 rgb(7,79,2)
```
#086203
```
#086203 rgb(8,98,3)
```
#0a7504
```
#0a7504 rgb(10,117,4)
```
#0c8804
```
#0c8804 rgb(12,136,4)
```
#0d9b05
```
#0d9b05 rgb(13,155,5)
```
#0fae05
```
#0fae05 rgb(15,174,5)
```
#10c206
```
#10c206 rgb(16,194,6)
```
#12d507
```
#12d507 rgb(18,213,7)
```
#14e807
```
#14e807 rgb(20,232,7)
```

Shade Color Variation

#18f70b
```
#18f70b rgb(24,247,11)
```
#2af81e
```
#2af81e rgb(42,248,30)
```
#3cf931
```
#3cf931 rgb(60,249,49)
```
#4ef944
```
#4ef944 rgb(78,249,68)
```
#60fa57
```
#60fa57 rgb(96,250,87)
```
#72fa6a
```
#72fa6a rgb(114,250,106)
```
#84fb7d
```
#84fb7d rgb(132,251,125)
```
#96fc90
```
#96fc90 rgb(150,252,144)
```
#a8fca3
```
#a8fca3 rgb(168,252,163)
```
#bafdb6
```
#bafdb6 rgb(186,253,182)
```
#ccfdc9
```
#ccfdc9 rgb(204,253,201)
```
#defedc
```
#defedc rgb(222,254,220)
```
#f0ffef
```
#f0ffef rgb(240,255,239)
```

Tint Color Variation

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

#898d89
```
#898d89 rgb(137,141,137)
```
#819680
```
#819680 rgb(129,150,128)
```
#799f77
```
#799f77 rgb(121,159,119)
```
#71a86e
```
#71a86e rgb(113,168,110)
```
#6ab165
```
#6ab165 rgb(106,177,101)
```
#62ba5c
```
#62ba5c rgb(98,186,92)
```
#5ac254
```
#5ac254 rgb(90,194,84)
```
#52cb4b
```
#52cb4b rgb(82,203,75)
```
#4ad442
```
#4ad442 rgb(74,212,66)
```
#42dd39
```
#42dd39 rgb(66,221,57)
```
#3ae630
```
#3ae630 rgb(58,230,48)
```
#32ef27
```
#32ef27 rgb(50,239,39)
```
#2af81e
```
#2af81e rgb(42,248,30)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8ab388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d91f Protanopia 1% of men
#ffd18c Deuteranopia 1% of men
#7ee7f8 Tritanopia 0.001% of the population

Trichromacy

#aae41e Protanomaly 1% of men, 0.01% of women
#b1df64 Deuteranomaly 6% of men, 0.4% of women
#5feda9 Tritanomaly 0.01% of the population

#2af81e hex color

#2af81e Color Information

#2af81e Color Conversion

Color Schemes with #2af81e

Alternatives to #2af81e

#2af81e Preview

Shades and Tints of #2af81e

Tones of #2af81e

Color Blindness Simulator