#2af030 hex color

In a RGB color space, hex #2af030 is composed of 16.5% red, 94.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 80% yellow and 5.9% black. It has a hue angle of 121.8 degrees, a saturation of 86.8% and a lightness of 55.3%. #2af030 color hex could be obtained by blending #54ff60 with #00e100. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 94
- B 19
RGB color chart
- C 83
- M 0
- Y 80
- K 6
CMYK color chart

● #2af030 color description : Bright lime green.

The hexadecimal color #2af030 has RGB values of R:42, G:240, B:48 and CMYK values of C:0.83, M:0, Y:0.8, K:0.06. Its decimal value is 2814000.

Hex triplet	2af030	`#2af030`
RGB Decimal	42, 240, 48	`rgb(42,240,48)`
RGB Percent	16.5, 94.1, 18.8	`rgb(16.5%,94.1%,18.8%)`
CMYK	83, 0, 80, 6
HSL	121.8°, 86.8, 55.3	`hsl(121.8,86.8%,55.3%)`
HSV (or HSB)	121.8°, 82.5, 94.1
Web Safe	33ff33	`#33ff33`

CIE-LAB	83.454, -78.519, 72.388
XYZ	32.647, 63.022, 13.24
xyY	0.3, 0.579, 63.022
CIE-LCH	83.454, 106.795, 137.327
CIE-LUV	83.454, -75.428, 96.555
Hunter-Lab	79.387, -65.521, 45.682
Binary	00101010, 11110000, 00110000

#2af030
```
#2af030 rgb(42,240,48)
```
#f02aea
```
#f02aea rgb(240,42,234)
```

Complementary Color

#87f02a
```
#87f02a rgb(135,240,42)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#2af093
```
#2af093 rgb(42,240,147)
```

Analogous Color

#f02a87
```
#f02a87 rgb(240,42,135)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#932af0
```
#932af0 rgb(147,42,240)
```

Split Complementary Color

#f0302a
```
#f0302a rgb(240,48,42)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#302af0
```
#302af0 rgb(48,42,240)
```

Triadic Color

#eaf02a
```
#eaf02a rgb(234,240,42)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#f02aea
```
#f02aea rgb(240,42,234)
```

Tetradic Color

#0ec013
```
#0ec013 rgb(14,192,19)
```
#0fd815
```
#0fd815 rgb(15,216,21)
```
#12ee19
```
#12ee19 rgb(18,238,25)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#42f247
```
#42f247 rgb(66,242,71)
```
#5af35e
```
#5af35e rgb(90,243,94)
```
#71f575
```
#71f575 rgb(113,245,117)
```

Monochromatic Color

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

#55f02a
```
#55f02a rgb(85,240,42)
```
#45f02a
```
#45f02a rgb(69,240,42)
```
#34f02a
```
#34f02a rgb(52,240,42)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#2af041
```
#2af041 rgb(42,240,65)
```
#2af051
```
#2af051 rgb(42,240,81)
```
#2af062
```
#2af062 rgb(42,240,98)
```

Similar Colors

Text with hexadecimal color #2af030

This text has a font color of #2af030.

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

#2af030 background color

This paragraph has a background color of #2af030.

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

#2af030 border color

This element has a border color of #2af030.

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

CSS codes

.text {color:#2af030;}

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

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

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

#000701
```
#000701 rgb(0,7,1)
```
#021902
```
#021902 rgb(2,25,2)
```
#032c04
```
#032c04 rgb(3,44,4)
```
#043e06
```
#043e06 rgb(4,62,6)
```
#065008
```
#065008 rgb(6,80,8)
```
#07630a
```
#07630a rgb(7,99,10)
```
#08750c
```
#08750c rgb(8,117,12)
```
#0a870d
```
#0a870d rgb(10,135,13)
```
#0b990f
```
#0b990f rgb(11,153,15)
```
#0cac11
```
#0cac11 rgb(12,172,17)
```
#0dbe13
```
#0dbe13 rgb(13,190,19)
```
#0fd015
```
#0fd015 rgb(15,208,21)
```
#10e316
```
#10e316 rgb(16,227,22)
```

Shade Color Variation

#18ef1e
```
#18ef1e rgb(24,239,30)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#3cf142
```
#3cf142 rgb(60,241,66)
```
#4ff354
```
#4ff354 rgb(79,243,84)
```
#61f465
```
#61f465 rgb(97,244,101)
```
#73f577
```
#73f577 rgb(115,245,119)
```
#86f689
```
#86f689 rgb(134,246,137)
```
#98f89b
```
#98f89b rgb(152,248,155)
```
#aaf9ad
```
#aaf9ad rgb(170,249,173)
```
#bdfabe
```
#bdfabe rgb(189,250,190)
```
#cffcd0
```
#cffcd0 rgb(207,252,208)
```
#e1fde2
```
#e1fde2 rgb(225,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, #8a908b is the less saturated color, while #21f928 is the most saturated one.

#8a908b
```
#8a908b rgb(138,144,139)
```
#829882
```
#829882 rgb(130,152,130)
```
#79a17a
```
#79a17a rgb(121,161,122)
```
#70aa72
```
#70aa72 rgb(112,170,114)
```
#67b36a
```
#67b36a rgb(103,179,106)
```
#5fbb61
```
#5fbb61 rgb(95,187,97)
```
#56c459
```
#56c459 rgb(86,196,89)
```
#4dcd51
```
#4dcd51 rgb(77,205,81)
```
#44d649
```
#44d649 rgb(68,214,73)
```
#3cde40
```
#3cde40 rgb(60,222,64)
```
#33e738
```
#33e738 rgb(51,231,56)
```
#2af030
```
#2af030 rgb(42,240,48)
```
#21f928
```
#21f928 rgb(33,249,40)
```

Tone Color Variation

Below, you can see how #2af030 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
#88af89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd232 Protanopia 1% of men
#ffc96d Deuteranopia 1% of men
#7ae1f1 Tritanopia 0.001% of the population

Trichromacy

#a5dd31 Protanomaly 1% of men, 0.01% of women
#b1d757 Deuteranomaly 6% of men, 0.4% of women
#5de6ab Tritanomaly 0.01% of the population

#2af030 hex color

#2af030 Color Information

#2af030 Color Conversion

Color Schemes with #2af030

Alternatives to #2af030

#2af030 Preview

Shades and Tints of #2af030

Tones of #2af030

Color Blindness Simulator