#2af227 hex color

In a RGB color space, hex #2af227 is composed of 16.5% red, 94.9% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 83.9% yellow and 5.1% black. It has a hue angle of 119.1 degrees, a saturation of 88.6% and a lightness of 55.1%. #2af227 color hex could be obtained by blending #54ff4e with #00e500. Closest websafe color is: #33ff33.

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

● #2af227 color description : Bright lime green.

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

Hex triplet	2af227	`#2af227`
RGB Decimal	42, 242, 39	`rgb(42,242,39)`
RGB Percent	16.5, 94.9, 15.3	`rgb(16.5%,94.9%,15.3%)`
CMYK	83, 0, 84, 5
HSL	119.1°, 88.6, 55.1	`hsl(119.1,88.6%,55.1%)`
HSV (or HSB)	119.1°, 83.9, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.038, -79.525, 75.13
XYZ	33.071, 64.139, 12.556
xyY	0.301, 0.584, 64.139
CIE-LCH	84.038, 109.402, 136.628
CIE-LUV	84.038, -76.212, 98.946
Hunter-Lab	80.087, -66.442, 46.765
Binary	00101010, 11110010, 00100111

#2af227
```
#2af227 rgb(42,242,39)
```
#ef27f2
```
#ef27f2 rgb(239,39,242)
```

Complementary Color

#90f227
```
#90f227 rgb(144,242,39)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#27f28a
```
#27f28a rgb(39,242,138)
```

Analogous Color

#f22790
```
#f22790 rgb(242,39,144)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#8a27f2
```
#8a27f2 rgb(138,39,242)
```

Split Complementary Color

#f2272a
```
#f2272a rgb(242,39,42)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#272af2
```
#272af2 rgb(39,42,242)
```

Triadic Color

#f2ef27
```
#f2ef27 rgb(242,239,39)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#272af2
```
#272af2 rgb(39,42,242)
```
#ef27f2
```
#ef27f2 rgb(239,39,242)
```

Tetradic Color

#0ec10c
```
#0ec10c rgb(14,193,12)
```
#10d90d
```
#10d90d rgb(16,217,13)
```
#12f10f
```
#12f10f rgb(18,241,15)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#42f33f
```
#42f33f rgb(66,243,63)
```
#59f557
```
#59f557 rgb(89,245,87)
```
#71f66f
```
#71f66f rgb(113,246,111)
```

Monochromatic Color

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

#5df227
```
#5df227 rgb(93,242,39)
```
#4cf227
```
#4cf227 rgb(76,242,39)
```
#3bf227
```
#3bf227 rgb(59,242,39)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#27f235
```
#27f235 rgb(39,242,53)
```
#27f246
```
#27f246 rgb(39,242,70)
```
#27f257
```
#27f257 rgb(39,242,87)
```

Similar Colors

Text with hexadecimal color #2af227

This text has a font color of #2af227.

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

#2af227 background color

This paragraph has a background color of #2af227.

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

#2af227 border color

This element has a border color of #2af227.

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

CSS codes

.text {color:#2af227;}

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

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

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

#000600
```
#000600 rgb(0,6,0)
```
#021901
```
#021901 rgb(2,25,1)
```
#032b03
```
#032b03 rgb(3,43,3)
```
#053e04
```
#053e04 rgb(5,62,4)
```
#065005
```
#065005 rgb(6,80,5)
```
#076306
```
#076306 rgb(7,99,6)
```
#097507
```
#097507 rgb(9,117,7)
```
#0a8808
```
#0a8808 rgb(10,136,8)
```
#0b9a09
```
#0b9a09 rgb(11,154,9)
```
#0dad0a
```
#0dad0a rgb(13,173,10)
```
#0ebf0b
```
#0ebf0b rgb(14,191,11)
```
#10d20d
```
#10d20d rgb(16,210,13)
```
#11e40e
```
#11e40e rgb(17,228,14)
```

Shade Color Variation

#18f114
```
#18f114 rgb(24,241,20)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#3cf33a
```
#3cf33a rgb(60,243,58)
```
#4ef44c
```
#4ef44c rgb(78,244,76)
```
#61f55f
```
#61f55f rgb(97,245,95)
```
#73f671
```
#73f671 rgb(115,246,113)
```
#85f884
```
#85f884 rgb(133,248,132)
```
#97f996
```
#97f996 rgb(151,249,150)
```
#aafaa9
```
#aafaa9 rgb(170,250,169)
```
#bcfbbb
```
#bcfbbb rgb(188,251,187)
```
#cefcce
```
#cefcce rgb(206,252,206)
```
#e0fde0
```
#e0fde0 rgb(224,253,224)
```
#f3fef3
```
#f3fef3 rgb(243,254,243)
```

Tint Color Variation

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

#889188
```
#889188 rgb(136,145,136)
```
#7f9a7f
```
#7f9a7f rgb(127,154,127)
```
#77a376
```
#77a376 rgb(119,163,118)
```
#6eac6d
```
#6eac6d rgb(110,172,109)
```
#66b465
```
#66b465 rgb(102,180,101)
```
#5dbd5c
```
#5dbd5c rgb(93,189,92)
```
#55c653
```
#55c653 rgb(85,198,83)
```
#4ccf4a
```
#4ccf4a rgb(76,207,74)
```
#44d841
```
#44d841 rgb(68,216,65)
```
#3be039
```
#3be039 rgb(59,224,57)
```
#33e930
```
#33e930 rgb(51,233,48)
```
#2af227
```
#2af227 rgb(42,242,39)
```
#21fb1e
```
#21fb1e rgb(33,251,30)
```

Tone Color Variation

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

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

Trichromacy

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

#2af227 hex color

#2af227 Color Information

#2af227 Color Conversion

Color Schemes with #2af227

Alternatives to #2af227

#2af227 Preview

Shades and Tints of #2af227

Tones of #2af227

Color Blindness Simulator