#2af22f hex color

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

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

● #2af22f color description : Bright lime green.

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

Hex triplet	2af22f	`#2af22f`
RGB Decimal	42, 242, 47	`rgb(42,242,47)`
RGB Percent	16.5, 94.9, 18.4	`rgb(16.5%,94.9%,18.4%)`
CMYK	83, 0, 81, 5
HSL	121.5°, 88.5, 55.7	`hsl(121.5,88.5%,55.7%)`
HSV (or HSB)	121.5°, 82.6, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.069, -79.137, 73.224
XYZ	33.218, 64.198, 13.33
xyY	0.3, 0.58, 64.198
CIE-LCH	84.069, 107.816, 137.222
CIE-LUV	84.069, -76.073, 97.566
Hunter-Lab	80.124, -66.213, 46.223
Binary	00101010, 11110010, 00101111

#2af22f
```
#2af22f rgb(42,242,47)
```
#f22aed
```
#f22aed rgb(242,42,237)
```

Complementary Color

#89f22a
```
#89f22a rgb(137,242,42)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#2af293
```
#2af293 rgb(42,242,147)
```

Analogous Color

#f22a89
```
#f22a89 rgb(242,42,137)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#932af2
```
#932af2 rgb(147,42,242)
```

Split Complementary Color

#f22f2a
```
#f22f2a rgb(242,47,42)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#2f2af2
```
#2f2af2 rgb(47,42,242)
```

Triadic Color

#edf22a
```
#edf22a rgb(237,242,42)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#2f2af2
```
#2f2af2 rgb(47,42,242)
```
#f22aed
```
#f22aed rgb(242,42,237)
```

Tetradic Color

#0cc411
```
#0cc411 rgb(12,196,17)
```
#0ddc13
```
#0ddc13 rgb(13,220,19)
```
#12f118
```
#12f118 rgb(18,241,24)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#42f346
```
#42f346 rgb(66,243,70)
```
#5af55e
```
#5af55e rgb(90,245,94)
```
#72f675
```
#72f675 rgb(114,246,117)
```

Monochromatic Color

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

#57f22a
```
#57f22a rgb(87,242,42)
```
#46f22a
```
#46f22a rgb(70,242,42)
```
#36f22a
```
#36f22a rgb(54,242,42)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#2af240
```
#2af240 rgb(42,242,64)
```
#2af250
```
#2af250 rgb(42,242,80)
```
#2af261
```
#2af261 rgb(42,242,97)
```

Similar Colors

Text with hexadecimal color #2af22f

This text has a font color of #2af22f.

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

#2af22f background color

This paragraph has a background color of #2af22f.

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

#2af22f border color

This element has a border color of #2af22f.

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

CSS codes

.text {color:#2af22f;}

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

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

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

#010901
```
#010901 rgb(1,9,1)
```
#021b02
```
#021b02 rgb(2,27,2)
```
#032e04
```
#032e04 rgb(3,46,4)
```
#044005
```
#044005 rgb(4,64,5)
```
#055307
```
#055307 rgb(5,83,7)
```
#066509
```
#066509 rgb(6,101,9)
```
#07780a
```
#07780a rgb(7,120,10)
```
#088a0c
```
#088a0c rgb(8,138,12)
```
#0a9d0d
```
#0a9d0d rgb(10,157,13)
```
#0baf0f
```
#0baf0f rgb(11,175,15)
```
#0cc210
```
#0cc210 rgb(12,194,16)
```
#0dd412
```
#0dd412 rgb(13,212,18)
```
#0ee713
```
#0ee713 rgb(14,231,19)
```

Shade Color Variation

#18f11d
```
#18f11d rgb(24,241,29)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#3cf341
```
#3cf341 rgb(60,243,65)
```
#4ff453
```
#4ff453 rgb(79,244,83)
```
#61f565
```
#61f565 rgb(97,245,101)
```
#74f777
```
#74f777 rgb(116,247,119)
```
#86f889
```
#86f889 rgb(134,248,137)
```
#99f99b
```
#99f99b rgb(153,249,155)
```
#abfaad
```
#abfaad rgb(171,250,173)
```
#befbbf
```
#befbbf rgb(190,251,191)
```
#d0fcd1
```
#d0fcd1 rgb(208,252,209)
```
#e3fde4
```
#e3fde4 rgb(227,253,228)
```
#f5fef6
```
#f5fef6 rgb(245,254,246)
```

Tint Color Variation

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

#8a928a
```
#8a928a rgb(138,146,138)
```
#819b82
```
#819b82 rgb(129,155,130)
```
#78a479
```
#78a479 rgb(120,164,121)
```
#70ac71
```
#70ac71 rgb(112,172,113)
```
#67b569
```
#67b569 rgb(103,181,105)
```
#5ebe61
```
#5ebe61 rgb(94,190,97)
```
#55c758
```
#55c758 rgb(85,199,88)
```
#4dcf50
```
#4dcf50 rgb(77,207,80)
```
#44d848
```
#44d848 rgb(68,216,72)
```
#3be140
```
#3be140 rgb(59,225,64)
```
#33e937
```
#33e937 rgb(51,233,55)
```
#2af22f
```
#2af22f rgb(42,242,47)
```
#21fb27
```
#21fb27 rgb(33,251,39)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#88b089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd431 Protanopia 1% of men
#ffcb76 Deuteranopia 1% of men
#7be2f3 Tritanopia 0.001% of the population

Trichromacy

#a6df30 Protanomaly 1% of men, 0.01% of women
#b1d95c Deuteranomaly 6% of men, 0.4% of women
#5de8ab Tritanomaly 0.01% of the population

#2af22f hex color

#2af22f Color Information

#2af22f Color Conversion

Color Schemes with #2af22f

Alternatives to #2af22f

#2af22f Preview

Shades and Tints of #2af22f

Tones of #2af22f

Color Blindness Simulator