#2afd4f hex color

In a RGB color space, hex #2afd4f is composed of 16.5% red, 99.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 68.8% yellow and 0.8% black. It has a hue angle of 130.5 degrees, a saturation of 98.1% and a lightness of 57.8%. #2afd4f color hex could be obtained by blending #54ff9e with #00fb00. Closest websafe color is: #33ff66.

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

● #2afd4f color description : Bright lime green.

The hexadecimal color #2afd4f has RGB values of R:42, G:253, B:79 and CMYK values of C:0.83, M:0, Y:0.69, K:0.01. Its decimal value is 2817359.

Hex triplet	2afd4f	`#2afd4f`
RGB Decimal	42, 253, 79	`rgb(42,253,79)`
RGB Percent	16.5, 99.2, 31	`rgb(16.5%,99.2%,31%)`
CMYK	83, 0, 69, 1
HSL	130.5°, 98.1, 57.8	`hsl(130.5,98.1%,57.8%)`
HSV (or HSB)	130.5°, 83.4, 99.2
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.632, -80.006, 66.555
XYZ	37.489, 71.303, 19.184
xyY	0.293, 0.557, 71.303
CIE-LCH	87.632, 104.07, 140.244
CIE-LUV	87.632, -78.693, 94.212
Hunter-Lab	84.441, -68.524, 45.639
Binary	00101010, 11111101, 01001111

#2afd4f
```
#2afd4f rgb(42,253,79)
```
#fd2ad8
```
#fd2ad8 rgb(253,42,216)
```

Complementary Color

#6ffd2a
```
#6ffd2a rgb(111,253,42)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#2afdb9
```
#2afdb9 rgb(42,253,185)
```

Analogous Color

#fd2a6f
```
#fd2a6f rgb(253,42,111)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#b92afd
```
#b92afd rgb(185,42,253)
```

Split Complementary Color

#fd4f2a
```
#fd4f2a rgb(253,79,42)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#4f2afd
```
#4f2afd rgb(79,42,253)
```

Triadic Color

#d8fd2a
```
#d8fd2a rgb(216,253,42)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#4f2afd
```
#4f2afd rgb(79,42,253)
```
#fd2ad8
```
#fd2ad8 rgb(253,42,216)
```

Tetradic Color

#02d828
```
#02d828 rgb(2,216,40)
```
#02f22c
```
#02f22c rgb(2,242,44)
```
#11fd3a
```
#11fd3a rgb(17,253,58)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#43fd64
```
#43fd64 rgb(67,253,100)
```
#5dfd79
```
#5dfd79 rgb(93,253,121)
```
#76fe8e
```
#76fe8e rgb(118,254,142)
```

Monochromatic Color

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

#3afd2a
```
#3afd2a rgb(58,253,42)
```
#2afd2c
```
#2afd2c rgb(42,253,44)
```
#2afd3d
```
#2afd3d rgb(42,253,61)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#2afd61
```
#2afd61 rgb(42,253,97)
```
#2afd72
```
#2afd72 rgb(42,253,114)
```
#2afd84
```
#2afd84 rgb(42,253,132)
```

Similar Colors

Text with hexadecimal color #2afd4f

This text has a font color of #2afd4f.

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

#2afd4f background color

This paragraph has a background color of #2afd4f.

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

#2afd4f border color

This element has a border color of #2afd4f.

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

CSS codes

.text {color:#2afd4f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#001404
```
#001404 rgb(0,20,4)
```
#002807
```
#002807 rgb(0,40,7)
```
#013b0b
```
#013b0b rgb(1,59,11)
```
#014e0e
```
#014e0e rgb(1,78,14)
```
#016212
```
#016212 rgb(1,98,18)
```
#017515
```
#017515 rgb(1,117,21)
```
#018919
```
#018919 rgb(1,137,25)
```
#019c1d
```
#019c1d rgb(1,156,29)
```
#02b020
```
#02b020 rgb(2,176,32)
```
#02c324
```
#02c324 rgb(2,195,36)
```
#02d727
```
#02d727 rgb(2,215,39)
```
#02ea2b
```
#02ea2b rgb(2,234,43)
```

Shade Color Variation

#03fd2f
```
#03fd2f rgb(3,253,47)
```
#17fd3f
```
#17fd3f rgb(23,253,63)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```
#3dfd5f
```
#3dfd5f rgb(61,253,95)
```
#51fd6f
```
#51fd6f rgb(81,253,111)
```
#64fe7f
```
#64fe7f rgb(100,254,127)
```
#78fe8f
```
#78fe8f rgb(120,254,143)
```
#8bfe9f
```
#8bfe9f rgb(139,254,159)
```
#9ffeaf
```
#9ffeaf rgb(159,254,175)
```
#b2febf
```
#b2febf rgb(178,254,191)
```
#c5fecf
```
#c5fecf rgb(197,254,207)
```
#d9ffe0
```
#d9ffe0 rgb(217,255,224)
```
#ecfff0
```
#ecfff0 rgb(236,255,240)
```

Tint Color Variation

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

#8d9a8f
```
#8d9a8f rgb(141,154,143)
```
#85a28a
```
#85a28a rgb(133,162,138)
```
#7daa85
```
#7daa85 rgb(125,170,133)
```
#74b37f
```
#74b37f rgb(116,179,127)
```
#6cbb7a
```
#6cbb7a rgb(108,187,122)
```
#64c375
```
#64c375 rgb(100,195,117)
```
#5ccb6f
```
#5ccb6f rgb(92,203,111)
```
#53d46a
```
#53d46a rgb(83,212,106)
```
#4bdc64
```
#4bdc64 rgb(75,220,100)
```
#43e45f
```
#43e45f rgb(67,228,95)
```
#3bec5a
```
#3bec5a rgb(59,236,90)
```
#32f554
```
#32f554 rgb(50,245,84)
```
#2afd4f
```
#2afd4f rgb(42,253,79)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#90bb98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dd4f Protanopia 1% of men
#ffd7a2 Deuteranopia 1% of men
#7eedfe Tritanopia 0.001% of the population

Trichromacy

#ace94f Protanomaly 1% of men, 0.01% of women
#b1e483 Deuteranomaly 6% of men, 0.4% of women
#5ff3be Tritanomaly 0.01% of the population

#2afd4f hex color

#2afd4f Color Information

#2afd4f Color Conversion

Color Schemes with #2afd4f

Alternatives to #2afd4f

#2afd4f Preview

Shades and Tints of #2afd4f

Tones of #2afd4f

Color Blindness Simulator