#2af229 hex color

In a RGB color space, hex #2af229 is composed of 16.5% red, 94.9% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 83.1% yellow and 5.1% black. It has a hue angle of 119.7 degrees, a saturation of 88.5% and a lightness of 55.5%. #2af229 color hex could be obtained by blending #54ff52 with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 95
- B 16
RGB color chart
- C 83
- M 0
- Y 83
- K 5
CMYK color chart

● #2af229 color description : Bright lime green.

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

Hex triplet	2af229	`#2af229`
RGB Decimal	42, 242, 41	`rgb(42,242,41)`
RGB Percent	16.5, 94.9, 16.1	`rgb(16.5%,94.9%,16.1%)`
CMYK	83, 0, 83, 5
HSL	119.7°, 88.5, 55.5	`hsl(119.7,88.5%,55.5%)`
HSV (or HSB)	119.7°, 83.1, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.045, -79.435, 74.682
XYZ	33.105, 64.153, 12.736
xyY	0.301, 0.583, 64.153
CIE-LCH	84.045, 109.029, 136.766
CIE-LUV	84.045, -76.18, 98.625
Hunter-Lab	80.096, -66.389, 46.639
Binary	00101010, 11110010, 00101001

#2af229
```
#2af229 rgb(42,242,41)
```
#f129f2
```
#f129f2 rgb(241,41,242)
```

Complementary Color

#8ff229
```
#8ff229 rgb(143,242,41)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#29f28d
```
#29f28d rgb(41,242,141)
```

Analogous Color

#f2298f
```
#f2298f rgb(242,41,143)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#8d29f2
```
#8d29f2 rgb(141,41,242)
```

Split Complementary Color

#f2292a
```
#f2292a rgb(242,41,42)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#292af2
```
#292af2 rgb(41,42,242)
```

Triadic Color

#f2f129
```
#f2f129 rgb(242,241,41)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#292af2
```
#292af2 rgb(41,42,242)
```
#f129f2
```
#f129f2 rgb(241,41,242)
```

Tetradic Color

#0dc30c
```
#0dc30c rgb(13,195,12)
```
#0edb0d
```
#0edb0d rgb(14,219,13)
```
#12f111
```
#12f111 rgb(18,241,17)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#42f341
```
#42f341 rgb(66,243,65)
```
#5af559
```
#5af559 rgb(90,245,89)
```
#72f671
```
#72f671 rgb(114,246,113)
```

Monochromatic Color

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

#5cf229
```
#5cf229 rgb(92,242,41)
```
#4cf229
```
#4cf229 rgb(76,242,41)
```
#3bf229
```
#3bf229 rgb(59,242,41)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#29f239
```
#29f239 rgb(41,242,57)
```
#29f24a
```
#29f24a rgb(41,242,74)
```
#29f25a
```
#29f25a rgb(41,242,90)
```

Similar Colors

Text with hexadecimal color #2af229

This text has a font color of #2af229.

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

#2af229 background color

This paragraph has a background color of #2af229.

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

#2af229 border color

This element has a border color of #2af229.

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

CSS codes

.text {color:#2af229;}

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

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

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

#010800
```
#010800 rgb(1,8,0)
```
#021a02
```
#021a02 rgb(2,26,2)
```
#032d03
```
#032d03 rgb(3,45,3)
```
#043f04
```
#043f04 rgb(4,63,4)
```
#055205
```
#055205 rgb(5,82,5)
```
#076406
```
#076406 rgb(7,100,6)
```
#087707
```
#087707 rgb(8,119,7)
```
#098908
```
#098908 rgb(9,137,8)
```
#0a9c09
```
#0a9c09 rgb(10,156,9)
```
#0bae0b
```
#0bae0b rgb(11,174,11)
```
#0dc10c
```
#0dc10c rgb(13,193,12)
```
#0ed30d
```
#0ed30d rgb(14,211,13)
```
#0fe60e
```
#0fe60e rgb(15,230,14)
```

Shade Color Variation

#18f117
```
#18f117 rgb(24,241,23)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#3cf33b
```
#3cf33b rgb(60,243,59)
```
#4ff44e
```
#4ff44e rgb(79,244,78)
```
#61f560
```
#61f560 rgb(97,245,96)
```
#74f673
```
#74f673 rgb(116,246,115)
```
#86f885
```
#86f885 rgb(134,248,133)
```
#98f998
```
#98f998 rgb(152,249,152)
```
#abfaaa
```
#abfaaa rgb(171,250,170)
```
#bdfbbd
```
#bdfbbd rgb(189,251,189)
```
#d0fccf
```
#d0fccf rgb(208,252,207)
```
#e2fde2
```
#e2fde2 rgb(226,253,226)
```
#f4fef4
```
#f4fef4 rgb(244,254,244)
```

Tint Color Variation

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

#899289
```
#899289 rgb(137,146,137)
```
#809b80
```
#809b80 rgb(128,155,128)
```
#78a378
```
#78a378 rgb(120,163,120)
```
#6fac6f
```
#6fac6f rgb(111,172,111)
```
#67b566
```
#67b566 rgb(103,181,102)
```
#5ebe5d
```
#5ebe5d rgb(94,190,93)
```
#55c655
```
#55c655 rgb(85,198,85)
```
#4dcf4c
```
#4dcf4c rgb(77,207,76)
```
#44d843
```
#44d843 rgb(68,216,67)
```
#3be13a
```
#3be13a rgb(59,225,58)
```
#33e932
```
#33e932 rgb(51,233,50)
```
#2af229
```
#2af229 rgb(42,242,41)
```
#21fb20
```
#21fb20 rgb(33,251,32)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88b087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd42b Protanopia 1% of men
#ffcb75 Deuteranopia 1% of men
#7be2f3 Tritanopia 0.001% of the population

Trichromacy

#a6df2a Protanomaly 1% of men, 0.01% of women
#b1d959 Deuteranomaly 6% of men, 0.4% of women
#5ee8a9 Tritanomaly 0.01% of the population

#2af229 hex color

#2af229 Color Information

#2af229 Color Conversion

Color Schemes with #2af229

Alternatives to #2af229

#2af229 Preview

Shades and Tints of #2af229

Tones of #2af229

Color Blindness Simulator