#2afd18 hex color

In a RGB color space, hex #2afd18 is composed of 16.5% red, 99.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 90.5% yellow and 0.8% black. It has a hue angle of 115.3 degrees, a saturation of 98.3% and a lightness of 54.3%. #2afd18 color hex could be obtained by blending #54ff30 with #00fb00. Closest websafe color is: #33ff00.

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

● #2afd18 color description : Vivid lime green.

The hexadecimal color #2afd18 has RGB values of R:42, G:253, B:24 and CMYK values of C:0.83, M:0, Y:0.91, K:0.01. Its decimal value is 2817304.

Hex triplet	2afd18	`#2afd18`
RGB Decimal	42, 253, 24	`rgb(42,253,24)`
RGB Percent	16.5, 99.2, 9.4	`rgb(16.5%,99.2%,9.4%)`
CMYK	83, 0, 91, 1
HSL	115.3°, 98.3, 54.3	`hsl(115.3,98.3%,54.3%)`
HSV (or HSB)	115.3°, 90.5, 99.2
Web Safe	33ff00	`#33ff00`

CIE-LAB	87.39, -83.071, 80.744
XYZ	36.243, 70.805, 12.621
xyY	0.303, 0.592, 70.805
CIE-LCH	87.39, 115.847, 135.814
CIE-LUV	87.39, -79.802, 105.12
Hunter-Lab	84.146, -70.372, 50.009
Binary	00101010, 11111101, 00011000

#2afd18
```
#2afd18 rgb(42,253,24)
```
#eb18fd
```
#eb18fd rgb(235,24,253)
```

Complementary Color

#9dfd18
```
#9dfd18 rgb(157,253,24)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#18fd79
```
#18fd79 rgb(24,253,121)
```

Analogous Color

#fd189d
```
#fd189d rgb(253,24,157)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#7918fd
```
#7918fd rgb(121,24,253)
```

Split Complementary Color

#fd182a
```
#fd182a rgb(253,24,42)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#182afd
```
#182afd rgb(24,42,253)
```

Triadic Color

#fdeb18
```
#fdeb18 rgb(253,235,24)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#182afd
```
#182afd rgb(24,42,253)
```
#eb18fd
```
#eb18fd rgb(235,24,253)
```

Tetradic Color

#11c702
```
#11c702 rgb(17,199,2)
```
#13e002
```
#13e002 rgb(19,224,2)
```
#16f902
```
#16f902 rgb(22,249,2)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#41fd31
```
#41fd31 rgb(65,253,49)
```
#59fd4b
```
#59fd4b rgb(89,253,75)
```
#70fe64
```
#70fe64 rgb(112,254,100)
```

Monochromatic Color

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

#63fd18
```
#63fd18 rgb(99,253,24)
```
#50fd18
```
#50fd18 rgb(80,253,24)
```
#3dfd18
```
#3dfd18 rgb(61,253,24)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#18fd19
```
#18fd19 rgb(24,253,25)
```
#18fd2c
```
#18fd2c rgb(24,253,44)
```
#18fd3f
```
#18fd3f rgb(24,253,63)
```

Similar Colors

Text with hexadecimal color #2afd18

This text has a font color of #2afd18.

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

#2afd18 background color

This paragraph has a background color of #2afd18.

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

#2afd18 border color

This element has a border color of #2afd18.

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

CSS codes

.text {color:#2afd18;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#021600
```
#021600 rgb(2,22,0)
```
#042900
```
#042900 rgb(4,41,0)
```
#053d01
```
#053d01 rgb(5,61,1)
```
#075001
```
#075001 rgb(7,80,1)
```
#096401
```
#096401 rgb(9,100,1)
```
#0a7701
```
#0a7701 rgb(10,119,1)
```
#0c8a01
```
#0c8a01 rgb(12,138,1)
```
#0e9e01
```
#0e9e01 rgb(14,158,1)
```
#0fb102
```
#0fb102 rgb(15,177,2)
```
#11c502
```
#11c502 rgb(17,197,2)
```
#13d802
```
#13d802 rgb(19,216,2)
```
#14ec02
```
#14ec02 rgb(20,236,2)
```

Shade Color Variation

#18fd05
```
#18fd05 rgb(24,253,5)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```
#3cfd2b
```
#3cfd2b rgb(60,253,43)
```
#4efd3f
```
#4efd3f rgb(78,253,63)
```
#60fe52
```
#60fe52 rgb(96,254,82)
```
#72fe66
```
#72fe66 rgb(114,254,102)
```
#84fe79
```
#84fe79 rgb(132,254,121)
```
#96fe8d
```
#96fe8d rgb(150,254,141)
```
#a8fea0
```
#a8fea0 rgb(168,254,160)
```
#b9feb4
```
#b9feb4 rgb(185,254,180)
```
#cbffc7
```
#cbffc7 rgb(203,255,199)
```
#ddffda
```
#ddffda rgb(221,255,218)
```
#efffee
```
#efffee rgb(239,255,238)
```

Tint Color Variation

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

#859184
```
#859184 rgb(133,145,132)
```
#7d9a7b
```
#7d9a7b rgb(125,154,123)
```
#76a372
```
#76a372 rgb(118,163,114)
```
#6eac69
```
#6eac69 rgb(110,172,105)
```
#66b560
```
#66b560 rgb(102,181,96)
```
#5fbe57
```
#5fbe57 rgb(95,190,87)
```
#57c74e
```
#57c74e rgb(87,199,78)
```
#50d045
```
#50d045 rgb(80,208,69)
```
#48d93c
```
#48d93c rgb(72,217,60)
```
#41e233
```
#41e233 rgb(65,226,51)
```
#39eb2a
```
#39eb2a rgb(57,235,42)
```
#32f421
```
#32f421 rgb(50,244,33)
```
#2afd18
```
#2afd18 rgb(42,253,24)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8cb688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd16 Protanopia 1% of men
#ffd69c Deuteranopia 1% of men
#81ecfd Tritanopia 0.001% of the population

Trichromacy

#ade817 Protanomaly 1% of men, 0.01% of women
#b1e46c Deuteranomaly 6% of men, 0.4% of women
#61f2aa Tritanomaly 0.01% of the population

#2afd18 hex color

#2afd18 Color Information

#2afd18 Color Conversion

Color Schemes with #2afd18

Alternatives to #2afd18

#2afd18 Preview

Shades and Tints of #2afd18

Tones of #2afd18

Color Blindness Simulator