colorhexa.com

#2af221 hex color

In a RGB color space, hex #2af221 is composed of 16.5% red, 94.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 86.4% yellow and 5.1% black. It has a hue angle of 117.4 degrees, a saturation of 88.9% and a lightness of 53.9%. #2af221 color hex could be obtained by blending #54ff42 with #00e500. Closest websafe color is: #33ff33.

- R 16
- G 95
- B 13
RGB color chart
- C 83
- M 0
- Y 86
- K 5
CMYK color chart

● #2af221 color description : Vivid lime green.

The hexadecimal color #2af221 has RGB values of R:42, G:242, B:33 and CMYK values of C:0.83, M:0, Y:0.86, K:0.05. Its decimal value is 2814497.

Hex triplet	2af221	`#2af221`
RGB Decimal	42, 242, 33	`rgb(42,242,33)`
RGB Percent	16.5, 94.9, 12.9	`rgb(16.5%,94.9%,12.9%)`
CMYK	83, 0, 86, 5
HSL	117.4°, 88.9, 53.9	`hsl(117.4,88.9%,53.9%)`
HSV (or HSB)	117.4°, 86.4, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.019, -79.768, 76.362
XYZ	32.98, 64.103, 12.074
xyY	0.302, 0.587, 64.103
CIE-LCH	84.019, 110.427, 136.25
CIE-LUV	84.019, -76.3, 99.812
Hunter-Lab	80.064, -66.585, 47.104
Binary	00101010, 11110010, 00100001

#2af221
```
#2af221 rgb(42,242,33)
```
#e921f2
```
#e921f2 rgb(233,33,242)
```

Complementary Color

#93f221
```
#93f221 rgb(147,242,33)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#21f281
```
#21f281 rgb(33,242,129)
```

Analogous Color

#f22193
```
#f22193 rgb(242,33,147)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#8121f2
```
#8121f2 rgb(129,33,242)
```

Split Complementary Color

#f2212a
```
#f2212a rgb(242,33,42)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#212af2
```
#212af2 rgb(33,42,242)
```

Triadic Color

#f2e921
```
#f2e921 rgb(242,233,33)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#212af2
```
#212af2 rgb(33,42,242)
```
#e921f2
```
#e921f2 rgb(233,33,242)
```

Tetradic Color

#13bc0b
```
#13bc0b rgb(19,188,11)
```
#15d40c
```
#15d40c rgb(21,212,12)
```
#17ec0e
```
#17ec0e rgb(23,236,14)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#41f339
```
#41f339 rgb(65,243,57)
```
#58f551
```
#58f551 rgb(88,245,81)
```
#6ff669
```
#6ff669 rgb(111,246,105)
```

Monochromatic Color

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

#5ef221
```
#5ef221 rgb(94,242,33)
```
#4df221
```
#4df221 rgb(77,242,33)
```
#3bf221
```
#3bf221 rgb(59,242,33)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#21f229
```
#21f229 rgb(33,242,41)
```
#21f23b
```
#21f23b rgb(33,242,59)
```
#21f24c
```
#21f24c rgb(33,242,76)
```

Similar Colors

Text with hexadecimal color #2af221

This text has a font color of #2af221.

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

#2af221 background color

This paragraph has a background color of #2af221.

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

#2af221 border color

This element has a border color of #2af221.

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

CSS codes

.text {color:#2af221;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#021301
```
#021301 rgb(2,19,1)
```
#042502
```
#042502 rgb(4,37,2)
```
#063803
```
#063803 rgb(6,56,3)
```
#074a04
```
#074a04 rgb(7,74,4)
```
#095d05
```
#095d05 rgb(9,93,5)
```
#0b7007
```
#0b7007 rgb(11,112,7)
```
#0d8208
```
#0d8208 rgb(13,130,8)
```
#0f9509
```
#0f9509 rgb(15,149,9)
```
#11a70a
```
#11a70a rgb(17,167,10)
```
#12ba0b
```
#12ba0b rgb(18,186,11)
```
#14cc0c
```
#14cc0c rgb(20,204,12)
```
#16df0d
```
#16df0d rgb(22,223,13)
```

Shade Color Variation

#18f10e
```
#18f10e rgb(24,241,14)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#3cf334
```
#3cf334 rgb(60,243,52)
```
#4ef446
```
#4ef446 rgb(78,244,70)
```
#5ff559
```
#5ff559 rgb(95,245,89)
```
#71f66b
```
#71f66b rgb(113,246,107)
```
#83f77e
```
#83f77e rgb(131,247,126)
```
#95f990
```
#95f990 rgb(149,249,144)
```
#a6faa3
```
#a6faa3 rgb(166,250,163)
```
#b8fbb5
```
#b8fbb5 rgb(184,251,181)
```
#cafcc8
```
#cafcc8 rgb(202,252,200)
```
#dcfdda
```
#dcfdda rgb(220,253,218)
```
#eefeed
```
#eefeed rgb(238,254,237)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858f84 is the less saturated color, while #22fb18 is the most saturated one.

#858f84
```
#858f84 rgb(133,143,132)
```
#7d987b
```
#7d987b rgb(125,152,123)
```
#74a172
```
#74a172 rgb(116,161,114)
```
#6caa69
```
#6caa69 rgb(108,170,105)
```
#64b360
```
#64b360 rgb(100,179,96)
```
#5cbc57
```
#5cbc57 rgb(92,188,87)
```
#53c54e
```
#53c54e rgb(83,197,78)
```
#4bce45
```
#4bce45 rgb(75,206,69)
```
#43d73c
```
#43d73c rgb(67,215,60)
```
#3be033
```
#3be033 rgb(59,224,51)
```
#32e92a
```
#32e92a rgb(50,233,42)
```
#2af221
```
#2af221 rgb(42,242,33)
```
#22fb18
```
#22fb18 rgb(34,251,24)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87af85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd423 Protanopia 1% of men
#ffcb74 Deuteranopia 1% of men
#7ce2f3 Tritanopia 0.001% of the population

Trichromacy

#a6df22 Protanomaly 1% of men, 0.01% of women
#b1d956 Deuteranomaly 6% of men, 0.4% of women
#5ee8a6 Tritanomaly 0.01% of the population