#2afb30 hex color

In a RGB color space, hex #2afb30 is composed of 16.5% red, 98.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 80.9% yellow and 1.6% black. It has a hue angle of 121.7 degrees, a saturation of 96.3% and a lightness of 57.5%. #2afb30 color hex could be obtained by blending #54ff60 with #00f700. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 98
- B 19
RGB color chart
- C 83
- M 0
- Y 81
- K 2
CMYK color chart

● #2afb30 color description : Bright lime green.

The hexadecimal color #2afb30 has RGB values of R:42, G:251, B:48 and CMYK values of C:0.83, M:0, Y:0.81, K:0.02. Its decimal value is 2816816.

Hex triplet	2afb30	`#2afb30`
RGB Decimal	42, 251, 48	`rgb(42,251,48)`
RGB Percent	16.5, 98.4, 18.8	`rgb(16.5%,98.4%,18.8%)`
CMYK	83, 0, 81, 2
HSL	121.7°, 96.3, 57.5	`hsl(121.7,96.3%,57.5%)`
HSV (or HSB)	121.7°, 83.3, 98.4
Web Safe	33ff33	`#33ff33`

CIE-LAB	86.848, -81.6, 75.538
XYZ	35.983, 69.696, 14.352
xyY	0.3, 0.581, 69.696
CIE-LCH	86.848, 111.197, 137.209
CIE-LUV	86.848, -78.85, 101.035
Hunter-Lab	83.484, -69.16, 48.246
Binary	00101010, 11111011, 00110000

#2afb30
```
#2afb30 rgb(42,251,48)
```
#fb2af5
```
#fb2af5 rgb(251,42,245)
```

Complementary Color

#8dfb2a
```
#8dfb2a rgb(141,251,42)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#2afb99
```
#2afb99 rgb(42,251,153)
```

Analogous Color

#fb2a8d
```
#fb2a8d rgb(251,42,141)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#992afb
```
#992afb rgb(153,42,251)
```

Split Complementary Color

#fb302a
```
#fb302a rgb(251,48,42)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#302afb
```
#302afb rgb(48,42,251)
```

Triadic Color

#f5fb2a
```
#f5fb2a rgb(245,251,42)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#302afb
```
#302afb rgb(48,42,251)
```
#fb2af5
```
#fb2af5 rgb(251,42,245)
```

Tetradic Color

#04d50a
```
#04d50a rgb(4,213,10)
```
#04ee0b
```
#04ee0b rgb(4,238,11)
```
#11fb18
```
#11fb18 rgb(17,251,24)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#43fb48
```
#43fb48 rgb(67,251,72)
```
#5cfc61
```
#5cfc61 rgb(92,252,97)
```
#75fc79
```
#75fc79 rgb(117,252,121)
```

Monochromatic Color

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

#58fb2a
```
#58fb2a rgb(88,251,42)
```
#47fb2a
```
#47fb2a rgb(71,251,42)
```
#35fb2a
```
#35fb2a rgb(53,251,42)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#2afb41
```
#2afb41 rgb(42,251,65)
```
#2afb53
```
#2afb53 rgb(42,251,83)
```
#2afb64
```
#2afb64 rgb(42,251,100)
```

Similar Colors

Text with hexadecimal color #2afb30

This text has a font color of #2afb30.

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

#2afb30 background color

This paragraph has a background color of #2afb30.

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

#2afb30 border color

This element has a border color of #2afb30.

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

CSS codes

.text {color:#2afb30;}

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

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

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

#001201
```
#001201 rgb(0,18,1)
```
#012502
```
#012502 rgb(1,37,2)
```
#013903
```
#013903 rgb(1,57,3)
```
#014c04
```
#014c04 rgb(1,76,4)
```
#025f04
```
#025f04 rgb(2,95,4)
```
#027205
```
#027205 rgb(2,114,5)
```
#038606
```
#038606 rgb(3,134,6)
```
#039907
```
#039907 rgb(3,153,7)
```
#03ac08
```
#03ac08 rgb(3,172,8)
```
#04bf09
```
#04bf09 rgb(4,191,9)
```
#04d30a
```
#04d30a rgb(4,211,10)
```
#04e60b
```
#04e60b rgb(4,230,11)
```
#05f90c
```
#05f90c rgb(5,249,12)
```

Shade Color Variation

#17fb1d
```
#17fb1d rgb(23,251,29)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```
#3dfb43
```
#3dfb43 rgb(61,251,67)
```
#51fc55
```
#51fc55 rgb(81,252,85)
```
#64fc68
```
#64fc68 rgb(100,252,104)
```
#77fc7b
```
#77fc7b rgb(119,252,123)
```
#8afd8e
```
#8afd8e rgb(138,253,142)
```
#9efda0
```
#9efda0 rgb(158,253,160)
```
#b1feb3
```
#b1feb3 rgb(177,254,179)
```
#c4fec6
```
#c4fec6 rgb(196,254,198)
```
#d7fed8
```
#d7fed8 rgb(215,254,216)
```
#ebffeb
```
#ebffeb rgb(235,255,235)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8e978e
```
#8e978e rgb(142,151,142)
```
#869f87
```
#869f87 rgb(134,159,135)
```
#7da87f
```
#7da87f rgb(125,168,127)
```
#75b077
```
#75b077 rgb(117,176,119)
```
#6db86f
```
#6db86f rgb(109,184,111)
```
#64c167
```
#64c167 rgb(100,193,103)
```
#5cc95f
```
#5cc95f rgb(92,201,95)
```
#54d157
```
#54d157 rgb(84,209,87)
```
#4bda4f
```
#4bda4f rgb(75,218,79)
```
#43e248
```
#43e248 rgb(67,226,72)
```
#3bea40
```
#3bea40 rgb(59,234,64)
```
#32f338
```
#32f338 rgb(50,243,56)
```
#2afb30
```
#2afb30 rgb(42,251,48)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8cb68e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db32 Protanopia 1% of men
#ffd497 Deuteranopia 1% of men
#7feafb Tritanopia 0.001% of the population

Trichromacy

#abe731 Protanomaly 1% of men, 0.01% of women
#b1e272 Deuteranomaly 6% of men, 0.4% of women
#60f0b1 Tritanomaly 0.01% of the population

#2afb30 hex color

#2afb30 Color Information

#2afb30 Color Conversion

Color Schemes with #2afb30

Alternatives to #2afb30

#2afb30 Preview

Shades and Tints of #2afb30

Tones of #2afb30

Color Blindness Simulator