#2af225 hex color

In a RGB color space, hex #2af225 is composed of 16.5% red, 94.9% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 84.7% yellow and 5.1% black. It has a hue angle of 118.5 degrees, a saturation of 88.7% and a lightness of 54.7%. #2af225 color hex could be obtained by blending #54ff4a with #00e500. Closest websafe color is: #33ff33.

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

● #2af225 color description : Bright lime green.

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

Hex triplet	2af225	`#2af225`
RGB Decimal	42, 242, 37	`rgb(42,242,37)`
RGB Percent	16.5, 94.9, 14.5	`rgb(16.5%,94.9%,14.5%)`
CMYK	83, 0, 85, 5
HSL	118.5°, 88.7, 54.7	`hsl(118.5,88.7%,54.7%)`
HSV (or HSB)	118.5°, 84.7, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.032, -79.61, 75.56
XYZ	33.039, 64.126, 12.387
xyY	0.302, 0.585, 64.126
CIE-LCH	84.032, 109.76, 136.495
CIE-LUV	84.032, -76.243, 99.25
Hunter-Lab	80.079, -66.493, 46.884
Binary	00101010, 11110010, 00100101

#2af225
```
#2af225 rgb(42,242,37)
```
#ed25f2
```
#ed25f2 rgb(237,37,242)
```

Complementary Color

#91f225
```
#91f225 rgb(145,242,37)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#25f287
```
#25f287 rgb(37,242,135)
```

Analogous Color

#f22591
```
#f22591 rgb(242,37,145)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#8725f2
```
#8725f2 rgb(135,37,242)
```

Split Complementary Color

#f2252a
```
#f2252a rgb(242,37,42)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#252af2
```
#252af2 rgb(37,42,242)
```

Triadic Color

#f2ed25
```
#f2ed25 rgb(242,237,37)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#252af2
```
#252af2 rgb(37,42,242)
```
#ed25f2
```
#ed25f2 rgb(237,37,242)
```

Tetradic Color

#10bf0b
```
#10bf0b rgb(16,191,11)
```
#12d70d
```
#12d70d rgb(18,215,13)
```
#14ef0e
```
#14ef0e rgb(20,239,14)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#42f33d
```
#42f33d rgb(66,243,61)
```
#59f555
```
#59f555 rgb(89,245,85)
```
#71f66d
```
#71f66d rgb(113,246,109)
```

Monochromatic Color

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

#5df225
```
#5df225 rgb(93,242,37)
```
#4cf225
```
#4cf225 rgb(76,242,37)
```
#3bf225
```
#3bf225 rgb(59,242,37)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#25f231
```
#25f231 rgb(37,242,49)
```
#25f242
```
#25f242 rgb(37,242,66)
```
#25f253
```
#25f253 rgb(37,242,83)
```

Similar Colors

Text with hexadecimal color #2af225

This text has a font color of #2af225.

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

#2af225 background color

This paragraph has a background color of #2af225.

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

#2af225 border color

This element has a border color of #2af225.

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

CSS codes

.text {color:#2af225;}

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

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

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

#000400
```
#000400 rgb(0,4,0)
```
#021701
```
#021701 rgb(2,23,1)
```
#032902
```
#032902 rgb(3,41,2)
```
#053c04
```
#053c04 rgb(5,60,4)
```
#064e05
```
#064e05 rgb(6,78,5)
```
#086106
```
#086106 rgb(8,97,6)
```
#0a7307
```
#0a7307 rgb(10,115,7)
```
#0b8608
```
#0b8608 rgb(11,134,8)
```
#0d9809
```
#0d9809 rgb(13,152,9)
```
#0eab0a
```
#0eab0a rgb(14,171,10)
```
#10bd0b
```
#10bd0b rgb(16,189,11)
```
#11d00c
```
#11d00c rgb(17,208,12)
```
#13e20d
```
#13e20d rgb(19,226,13)
```

Shade Color Variation

#18f112
```
#18f112 rgb(24,241,18)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#3cf338
```
#3cf338 rgb(60,243,56)
```
#4ef44a
```
#4ef44a rgb(78,244,74)
```
#60f55d
```
#60f55d rgb(96,245,93)
```
#72f66f
```
#72f66f rgb(114,246,111)
```
#84f882
```
#84f882 rgb(132,248,130)
```
#97f994
```
#97f994 rgb(151,249,148)
```
#a9faa7
```
#a9faa7 rgb(169,250,167)
```
#bbfbb9
```
#bbfbb9 rgb(187,251,185)
```
#cdfccc
```
#cdfccc rgb(205,252,204)
```
#dffdde
```
#dffdde rgb(223,253,222)
```
#f1fef1
```
#f1fef1 rgb(241,254,241)
```

Tint Color Variation

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

#879087
```
#879087 rgb(135,144,135)
```
#7f997e
```
#7f997e rgb(127,153,126)
```
#76a275
```
#76a275 rgb(118,162,117)
```
#6eab6c
```
#6eab6c rgb(110,171,108)
```
#65b463
```
#65b463 rgb(101,180,99)
```
#5dbd5a
```
#5dbd5a rgb(93,189,90)
```
#54c651
```
#54c651 rgb(84,198,81)
```
#4cce49
```
#4cce49 rgb(76,206,73)
```
#43d740
```
#43d740 rgb(67,215,64)
```
#3be037
```
#3be037 rgb(59,224,55)
```
#32e92e
```
#32e92e rgb(50,233,46)
```
#2af225
```
#2af225 rgb(42,242,37)
```
#22fb1c
```
#22fb1c rgb(34,251,28)
```

Tone Color Variation

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

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

Trichromacy

#a6df26 Protanomaly 1% of men, 0.01% of women
#b1d957 Deuteranomaly 6% of men, 0.4% of women
#5ee8a8 Tritanomaly 0.01% of the population

#2af225 hex color

#2af225 Color Information

#2af225 Color Conversion

Color Schemes with #2af225

Alternatives to #2af225

#2af225 Preview

Shades and Tints of #2af225

Tones of #2af225

Color Blindness Simulator