#2afd1f hex color

In a RGB color space, hex #2afd1f is composed of 16.5% red, 99.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 117 degrees, a saturation of 98.2% and a lightness of 55.7%. #2afd1f color hex could be obtained by blending #54ff3e with #00fb00. Closest websafe color is: #33ff33.

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

● #2afd1f color description : Vivid lime green.

The hexadecimal color #2afd1f has RGB values of R:42, G:253, B:31 and CMYK values of C:0.83, M:0, Y:0.88, K:0.01. Its decimal value is 2817311.

Hex triplet	2afd1f	`#2afd1f`
RGB Decimal	42, 253, 31	`rgb(42,253,31)`
RGB Percent	16.5, 99.2, 12.2	`rgb(16.5%,99.2%,12.2%)`
CMYK	83, 0, 88, 1
HSL	117°, 98.2, 55.7	`hsl(117,98.2%,55.7%)`
HSV (or HSB)	117°, 87.7, 99.2
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.406, -82.866, 79.666
XYZ	36.325, 70.838, 13.055
xyY	0.302, 0.589, 70.838
CIE-LCH	87.406, 114.95, 136.128
CIE-LUV	87.406, -79.727, 104.384
Hunter-Lab	84.165, -70.249, 49.719
Binary	00101010, 11111101, 00011111

#2afd1f
```
#2afd1f rgb(42,253,31)
```
#f21ffd
```
#f21ffd rgb(242,31,253)
```

Complementary Color

#99fd1f
```
#99fd1f rgb(153,253,31)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#1ffd83
```
#1ffd83 rgb(31,253,131)
```

Analogous Color

#fd1f99
```
#fd1f99 rgb(253,31,153)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#831ffd
```
#831ffd rgb(131,31,253)
```

Split Complementary Color

#fd1f2a
```
#fd1f2a rgb(253,31,42)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#1f2afd
```
#1f2afd rgb(31,42,253)
```

Triadic Color

#fdf21f
```
#fdf21f rgb(253,242,31)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#1f2afd
```
#1f2afd rgb(31,42,253)
```
#f21ffd
```
#f21ffd rgb(242,31,253)
```

Tetradic Color

#0cce02
```
#0cce02 rgb(12,206,2)
```
#0de702
```
#0de702 rgb(13,231,2)
```
#12fd06
```
#12fd06 rgb(18,253,6)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#42fd38
```
#42fd38 rgb(66,253,56)
```
#5afd52
```
#5afd52 rgb(90,253,82)
```
#72fe6b
```
#72fe6b rgb(114,254,107)
```

Monochromatic Color

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

#62fd1f
```
#62fd1f rgb(98,253,31)
```
#4ffd1f
```
#4ffd1f rgb(79,253,31)
```
#3dfd1f
```
#3dfd1f rgb(61,253,31)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#1ffd26
```
#1ffd26 rgb(31,253,38)
```
#1ffd39
```
#1ffd39 rgb(31,253,57)
```
#1ffd4b
```
#1ffd4b rgb(31,253,75)
```

Similar Colors

Text with hexadecimal color #2afd1f

This text has a font color of #2afd1f.

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

#2afd1f background color

This paragraph has a background color of #2afd1f.

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

#2afd1f border color

This element has a border color of #2afd1f.

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

CSS codes

.text {color:#2afd1f;}

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

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

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

#010900
```
#010900 rgb(1,9,0)
```
#021d00
```
#021d00 rgb(2,29,0)
```
#033000
```
#033000 rgb(3,48,0)
```
#044401
```
#044401 rgb(4,68,1)
```
#055701
```
#055701 rgb(5,87,1)
```
#066b01
```
#066b01 rgb(6,107,1)
```
#077e01
```
#077e01 rgb(7,126,1)
```
#089101
```
#089101 rgb(8,145,1)
```
#0aa501
```
#0aa501 rgb(10,165,1)
```
#0bb802
```
#0bb802 rgb(11,184,2)
```
#0ccc02
```
#0ccc02 rgb(12,204,2)
```
#0ddf02
```
#0ddf02 rgb(13,223,2)
```
#0ef302
```
#0ef302 rgb(14,243,2)
```

Shade Color Variation

#18fd0c
```
#18fd0c rgb(24,253,12)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```
#3cfd32
```
#3cfd32 rgb(60,253,50)
```
#4ffd46
```
#4ffd46 rgb(79,253,70)
```
#61fe59
```
#61fe59 rgb(97,254,89)
```
#74fe6d
```
#74fe6d rgb(116,254,109)
```
#86fe80
```
#86fe80 rgb(134,254,128)
```
#99fe94
```
#99fe94 rgb(153,254,148)
```
#abfea7
```
#abfea7 rgb(171,254,167)
```
#befebb
```
#befebb rgb(190,254,187)
```
#d0ffce
```
#d0ffce rgb(208,255,206)
```
#e3ffe1
```
#e3ffe1 rgb(227,255,225)
```
#f5fff5
```
#f5fff5 rgb(245,255,245)
```

Tint Color Variation

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

#889587
```
#889587 rgb(136,149,135)
```
#809d7f
```
#809d7f rgb(128,157,127)
```
#78a676
```
#78a676 rgb(120,166,118)
```
#70af6d
```
#70af6d rgb(112,175,109)
```
#69b765
```
#69b765 rgb(105,183,101)
```
#61c05c
```
#61c05c rgb(97,192,92)
```
#59c953
```
#59c953 rgb(89,201,83)
```
#51d24a
```
#51d24a rgb(81,210,74)
```
#49da42
```
#49da42 rgb(73,218,66)
```
#41e339
```
#41e339 rgb(65,227,57)
```
#3aec30
```
#3aec30 rgb(58,236,48)
```
#32f428
```
#32f428 rgb(50,244,40)
```
#2afd1f
```
#2afd1f rgb(42,253,31)
```

Tone Color Variation

Below, you can see how #2afd1f 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
#8cb78a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd20 Protanopia 1% of men
#ffd69c Deuteranopia 1% of men
#80ecfd Tritanopia 0.001% of the population

Trichromacy

#ace81f Protanomaly 1% of men, 0.01% of women
#b1e46f Deuteranomaly 6% of men, 0.4% of women
#61f2ac Tritanomaly 0.01% of the population

#2afd1f hex color

#2afd1f Color Information

#2afd1f Color Conversion

Color Schemes with #2afd1f

Alternatives to #2afd1f

#2afd1f Preview

Shades and Tints of #2afd1f

Tones of #2afd1f

Color Blindness Simulator