#2afc30 hex color

In a RGB color space, hex #2afc30 is composed of 16.5% red, 98.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 81% yellow and 1.2% black. It has a hue angle of 121.7 degrees, a saturation of 97.2% and a lightness of 57.6%. #2afc30 color hex could be obtained by blending #54ff60 with #00f900. Closest websafe color is: #33ff33.

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

● #2afc30 color description : Bright lime green.

The hexadecimal color #2afc30 has RGB values of R:42, G:252, B:48 and CMYK values of C:0.83, M:0, Y:0.81, K:0.01. Its decimal value is 2817072.

Hex triplet	2afc30	`#2afc30`
RGB Decimal	42, 252, 48	`rgb(42,252,48)`
RGB Percent	16.5, 98.8, 18.8	`rgb(16.5%,98.8%,18.8%)`
CMYK	83, 0, 81, 1
HSL	121.7°, 97.2, 57.6	`hsl(121.7,97.2%,57.6%)`
HSV (or HSB)	121.7°, 83.3, 98.8
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.155, -81.878, 75.822
XYZ	36.297, 70.322, 14.457
xyY	0.3, 0.581, 70.322
CIE-LCH	87.155, 111.593, 137.199
CIE-LUV	87.155, -79.159, 101.439
Hunter-Lab	83.858, -69.492, 48.48
Binary	00101010, 11111100, 00110000

#2afc30
```
#2afc30 rgb(42,252,48)
```
#fc2af6
```
#fc2af6 rgb(252,42,246)
```

Complementary Color

#8dfc2a
```
#8dfc2a rgb(141,252,42)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```

Analogous Color

#fc2a8d
```
#fc2a8d rgb(252,42,141)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#992afc
```
#992afc rgb(153,42,252)
```

Split Complementary Color

#fc302a
```
#fc302a rgb(252,48,42)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#302afc
```
#302afc rgb(48,42,252)
```

Triadic Color

#f6fc2a
```
#f6fc2a rgb(246,252,42)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#302afc
```
#302afc rgb(48,42,252)
```
#fc2af6
```
#fc2af6 rgb(252,42,246)
```

Tetradic Color

#03d609
```
#03d609 rgb(3,214,9)
```
#03f00a
```
#03f00a rgb(3,240,10)
```
#11fc18
```
#11fc18 rgb(17,252,24)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#43fc48
```
#43fc48 rgb(67,252,72)
```
#5cfd61
```
#5cfd61 rgb(92,253,97)
```
#75fd79
```
#75fd79 rgb(117,253,121)
```

Monochromatic Color

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

#59fc2a
```
#59fc2a rgb(89,252,42)
```
#47fc2a
```
#47fc2a rgb(71,252,42)
```
#36fc2a
```
#36fc2a rgb(54,252,42)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#2afc42
```
#2afc42 rgb(42,252,66)
```
#2afc53
```
#2afc53 rgb(42,252,83)
```
#2afc65
```
#2afc65 rgb(42,252,101)
```

Similar Colors

Text with hexadecimal color #2afc30

This text has a font color of #2afc30.

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

#2afc30 background color

This paragraph has a background color of #2afc30.

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

#2afc30 border color

This element has a border color of #2afc30.

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

CSS codes

.text {color:#2afc30;}

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

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

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

#001301
```
#001301 rgb(0,19,1)
```
#012602
```
#012602 rgb(1,38,2)
```
#013a02
```
#013a02 rgb(1,58,2)
```
#014d03
```
#014d03 rgb(1,77,3)
```
#016004
```
#016004 rgb(1,96,4)
```
#027405
```
#027405 rgb(2,116,5)
```
#028706
```
#028706 rgb(2,135,6)
```
#029b07
```
#029b07 rgb(2,155,7)
```
#02ae07
```
#02ae07 rgb(2,174,7)
```
#03c108
```
#03c108 rgb(3,193,8)
```
#03d509
```
#03d509 rgb(3,213,9)
```
#03e80a
```
#03e80a rgb(3,232,10)
```
#04fb0b
```
#04fb0b rgb(4,251,11)
```

Shade Color Variation

#17fc1d
```
#17fc1d rgb(23,252,29)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#3dfc43
```
#3dfc43 rgb(61,252,67)
```
#51fd56
```
#51fd56 rgb(81,253,86)
```
#64fd68
```
#64fd68 rgb(100,253,104)
```
#77fd7b
```
#77fd7b rgb(119,253,123)
```
#8bfd8e
```
#8bfd8e rgb(139,253,142)
```
#9efea1
```
#9efea1 rgb(158,254,161)
```
#b1feb4
```
#b1feb4 rgb(177,254,180)
```
#c5fec6
```
#c5fec6 rgb(197,254,198)
```
#d8fed9
```
#d8fed9 rgb(216,254,217)
```
#ebffec
```
#ebffec rgb(235,255,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e988e
```
#8e988e rgb(142,152,142)
```
#85a186
```
#85a186 rgb(133,161,134)
```
#7da97e
```
#7da97e rgb(125,169,126)
```
#75b176
```
#75b176 rgb(117,177,118)
```
#6cba6f
```
#6cba6f rgb(108,186,111)
```
#64c267
```
#64c267 rgb(100,194,103)
```
#5cca5f
```
#5cca5f rgb(92,202,95)
```
#54d257
```
#54d257 rgb(84,210,87)
```
#4bdb4f
```
#4bdb4f rgb(75,219,79)
```
#43e347
```
#43e347 rgb(67,227,71)
```
#3beb40
```
#3beb40 rgb(59,235,64)
```
#32f438
```
#32f438 rgb(50,244,56)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8db78e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dc32 Protanopia 1% of men
#ffd59a Deuteranopia 1% of men
#7febfc Tritanopia 0.001% of the population

Trichromacy

#ace831 Protanomaly 1% of men, 0.01% of women
#b1e374 Deuteranomaly 6% of men, 0.4% of women
#60f1b2 Tritanomaly 0.01% of the population

#2afc30 hex color

#2afc30 Color Information

#2afc30 Color Conversion

Color Schemes with #2afc30

Alternatives to #2afc30

#2afc30 Preview

Shades and Tints of #2afc30

Tones of #2afc30

Color Blindness Simulator