colorhexa.com

#2af228 hex color

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

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

● #2af228 color description : Bright lime green.

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

Hex triplet	2af228	`#2af228`
RGB Decimal	42, 242, 40	`rgb(42,242,40)`
RGB Percent	16.5, 94.9, 15.7	`rgb(16.5%,94.9%,15.7%)`
CMYK	83, 0, 83, 5
HSL	119.4°, 88.6, 55.3	`hsl(119.4,88.6%,55.3%)`
HSV (or HSB)	119.4°, 83.5, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.042, -79.48, 74.909
XYZ	33.088, 64.146, 12.645
xyY	0.301, 0.584, 64.146
CIE-LCH	84.042, 109.217, 136.696
CIE-LUV	84.042, -76.196, 98.788
Hunter-Lab	80.091, -66.416, 46.703
Binary	00101010, 11110010, 00101000

#2af228
```
#2af228 rgb(42,242,40)
```
#f028f2
```
#f028f2 rgb(240,40,242)
```

Complementary Color

#8ff228
```
#8ff228 rgb(143,242,40)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#28f28b
```
#28f28b rgb(40,242,139)
```

Analogous Color

#f2288f
```
#f2288f rgb(242,40,143)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#8b28f2
```
#8b28f2 rgb(139,40,242)
```

Split Complementary Color

#f2282a
```
#f2282a rgb(242,40,42)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#282af2
```
#282af2 rgb(40,42,242)
```

Triadic Color

#f2f028
```
#f2f028 rgb(242,240,40)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#282af2
```
#282af2 rgb(40,42,242)
```
#f028f2
```
#f028f2 rgb(240,40,242)
```

Tetradic Color

#0ec20c
```
#0ec20c rgb(14,194,12)
```
#0fda0d
```
#0fda0d rgb(15,218,13)
```
#12f110
```
#12f110 rgb(18,241,16)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#42f340
```
#42f340 rgb(66,243,64)
```
#5af558
```
#5af558 rgb(90,245,88)
```
#71f670
```
#71f670 rgb(113,246,112)
```

Monochromatic Color

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

#5df228
```
#5df228 rgb(93,242,40)
```
#4cf228
```
#4cf228 rgb(76,242,40)
```
#3bf228
```
#3bf228 rgb(59,242,40)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#28f237
```
#28f237 rgb(40,242,55)
```
#28f248
```
#28f248 rgb(40,242,72)
```
#28f258
```
#28f258 rgb(40,242,88)
```

Similar Colors

Text with hexadecimal color #2af228

This text has a font color of #2af228.

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

#2af228 background color

This paragraph has a background color of #2af228.

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

#2af228 border color

This element has a border color of #2af228.

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

CSS codes

.text {color:#2af228;}

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

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

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

#000700
```
#000700 rgb(0,7,0)
```
#021902
```
#021902 rgb(2,25,2)
```
#032c03
```
#032c03 rgb(3,44,3)
```
#043e04
```
#043e04 rgb(4,62,4)
```
#065105
```
#065105 rgb(6,81,5)
```
#076306
```
#076306 rgb(7,99,6)
```
#087607
```
#087607 rgb(8,118,7)
```
#0a8808
```
#0a8808 rgb(10,136,8)
```
#0b9b09
```
#0b9b09 rgb(11,155,9)
```
#0cad0a
```
#0cad0a rgb(12,173,10)
```
#0dc00c
```
#0dc00c rgb(13,192,12)
```
#0fd20d
```
#0fd20d rgb(15,210,13)
```
#10e50e
```
#10e50e rgb(16,229,14)
```

Shade Color Variation

#18f116
```
#18f116 rgb(24,241,22)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#3cf33a
```
#3cf33a rgb(60,243,58)
```
#4ff44d
```
#4ff44d rgb(79,244,77)
```
#61f55f
```
#61f55f rgb(97,245,95)
```
#73f672
```
#73f672 rgb(115,246,114)
```
#86f884
```
#86f884 rgb(134,248,132)
```
#98f997
```
#98f997 rgb(152,249,151)
```
#aafaa9
```
#aafaa9 rgb(170,250,169)
```
#bdfbbc
```
#bdfbbc rgb(189,251,188)
```
#cffcce
```
#cffcce rgb(207,252,206)
```
#e1fde1
```
#e1fde1 rgb(225,253,225)
```
#f4fef3
```
#f4fef3 rgb(244,254,243)
```

Tint Color Variation

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

#899288
```
#899288 rgb(137,146,136)
```
#809a80
```
#809a80 rgb(128,154,128)
```
#77a377
```
#77a377 rgb(119,163,119)
```
#6fac6e
```
#6fac6e rgb(111,172,110)
```
#66b565
```
#66b565 rgb(102,181,101)
```
#5ebd5d
```
#5ebd5d rgb(94,189,93)
```
#55c654
```
#55c654 rgb(85,198,84)
```
#4ccf4b
```
#4ccf4b rgb(76,207,75)
```
#44d842
```
#44d842 rgb(68,216,66)
```
#3be03a
```
#3be03a rgb(59,224,58)
```
#33e931
```
#33e931 rgb(51,233,49)
```
#2af228
```
#2af228 rgb(42,242,40)
```
#21fb1f
```
#21fb1f rgb(33,251,31)
```

Tone Color Variation

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

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

Trichromacy

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