#2afa30 hex color

In a RGB color space, hex #2afa30 is composed of 16.5% red, 98% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 80.8% yellow and 2% black. It has a hue angle of 121.7 degrees, a saturation of 95.4% and a lightness of 57.3%. #2afa30 color hex could be obtained by blending #54ff60 with #00f500. 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

● #2afa30 color description : Bright lime green.

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

Hex triplet	2afa30	`#2afa30`
RGB Decimal	42, 250, 48	`rgb(42,250,48)`
RGB Percent	16.5, 98, 18.8	`rgb(16.5%,98%,18.8%)`
CMYK	83, 0, 81, 2
HSL	121.7°, 95.4, 57.3	`hsl(121.7,95.4%,57.3%)`
HSV (or HSB)	121.7°, 83.2, 98
Web Safe	33ff33	`#33ff33`

CIE-LAB	86.54, -81.322, 75.254
XYZ	35.672, 69.073, 14.249
xyY	0.3, 0.58, 69.073
CIE-LCH	86.54, 110.8, 137.219
CIE-LUV	86.54, -78.541, 100.63
Hunter-Lab	83.11, -68.828, 48.012
Binary	00101010, 11111010, 00110000

#2afa30
```
#2afa30 rgb(42,250,48)
```
#fa2af4
```
#fa2af4 rgb(250,42,244)
```

Complementary Color

#8cfa2a
```
#8cfa2a rgb(140,250,42)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#2afa98
```
#2afa98 rgb(42,250,152)
```

Analogous Color

#fa2a8c
```
#fa2a8c rgb(250,42,140)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#982afa
```
#982afa rgb(152,42,250)
```

Split Complementary Color

#fa302a
```
#fa302a rgb(250,48,42)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#302afa
```
#302afa rgb(48,42,250)
```

Triadic Color

#f4fa2a
```
#f4fa2a rgb(244,250,42)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#302afa
```
#302afa rgb(48,42,250)
```
#fa2af4
```
#fa2af4 rgb(250,42,244)
```

Tetradic Color

#05d30b
```
#05d30b rgb(5,211,11)
```
#06eb0c
```
#06eb0c rgb(6,235,12)
```
#11f918
```
#11f918 rgb(17,249,24)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#43fb48
```
#43fb48 rgb(67,251,72)
```
#5cfb60
```
#5cfb60 rgb(92,251,96)
```
#75fc79
```
#75fc79 rgb(117,252,121)
```

Monochromatic Color

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

#58fa2a
```
#58fa2a rgb(88,250,42)
```
#47fa2a
```
#47fa2a rgb(71,250,42)
```
#35fa2a
```
#35fa2a rgb(53,250,42)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#2afa41
```
#2afa41 rgb(42,250,65)
```
#2afa53
```
#2afa53 rgb(42,250,83)
```
#2afa64
```
#2afa64 rgb(42,250,100)
```

Similar Colors

Text with hexadecimal color #2afa30

This text has a font color of #2afa30.

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

#2afa30 background color

This paragraph has a background color of #2afa30.

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

#2afa30 border color

This element has a border color of #2afa30.

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

CSS codes

.text {color:#2afa30;}

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

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

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

#001101
```
#001101 rgb(0,17,1)
```
#012402
```
#012402 rgb(1,36,2)
```
#013703
```
#013703 rgb(1,55,3)
```
#024a04
```
#024a04 rgb(2,74,4)
```
#025e05
```
#025e05 rgb(2,94,5)
```
#037106
```
#037106 rgb(3,113,6)
```
#038407
```
#038407 rgb(3,132,7)
```
#049708
```
#049708 rgb(4,151,8)
```
#04aa09
```
#04aa09 rgb(4,170,9)
```
#04bd0a
```
#04bd0a rgb(4,189,10)
```
#05d10b
```
#05d10b rgb(5,209,11)
```
#05e40c
```
#05e40c rgb(5,228,12)
```
#06f70d
```
#06f70d rgb(6,247,13)
```

Shade Color Variation

#17fa1d
```
#17fa1d rgb(23,250,29)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#3dfa43
```
#3dfa43 rgb(61,250,67)
```
#50fb55
```
#50fb55 rgb(80,251,85)
```
#63fb68
```
#63fb68 rgb(99,251,104)
```
#77fc7b
```
#77fc7b rgb(119,252,123)
```
#8afc8d
```
#8afc8d rgb(138,252,141)
```
#9dfda0
```
#9dfda0 rgb(157,253,160)
```
#b0fdb2
```
#b0fdb2 rgb(176,253,178)
```
#c3fec5
```
#c3fec5 rgb(195,254,197)
```
#d6fed8
```
#d6fed8 rgb(214,254,216)
```
#eafeea
```
#eafeea rgb(234,254,234)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#8f958f
```
#8f958f rgb(143,149,143)
```
#869e87
```
#869e87 rgb(134,158,135)
```
#7ea67f
```
#7ea67f rgb(126,166,127)
```
#75af77
```
#75af77 rgb(117,175,119)
```
#6db76f
```
#6db76f rgb(109,183,111)
```
#65bf67
```
#65bf67 rgb(101,191,103)
```
#5cc85f
```
#5cc85f rgb(92,200,95)
```
#54d058
```
#54d058 rgb(84,208,88)
```
#4cd850
```
#4cd850 rgb(76,216,80)
```
#43e148
```
#43e148 rgb(67,225,72)
```
#3be940
```
#3be940 rgb(59,233,64)
```
#32f238
```
#32f238 rgb(50,242,56)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```

Tone Color Variation

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

#f4db32 Protanopia 1% of men
#ffd394 Deuteranopia 1% of men
#7ee9fa Tritanopia 0.001% of the population

Trichromacy

#abe631 Protanomaly 1% of men, 0.01% of women
#b1e16f Deuteranomaly 6% of men, 0.4% of women
#60efb1 Tritanomaly 0.01% of the population

#2afa30 hex color

#2afa30 Color Information

#2afa30 Color Conversion

Color Schemes with #2afa30

Alternatives to #2afa30

#2afa30 Preview

Shades and Tints of #2afa30

Tones of #2afa30

Color Blindness Simulator