#2ae71f hex color

In a RGB color space, hex #2ae71f is composed of 16.5% red, 90.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 0% magenta, 86.6% yellow and 9.4% black. It has a hue angle of 116.7 degrees, a saturation of 80.6% and a lightness of 51.4%. #2ae71f color hex could be obtained by blending #54ff3e with #00cf00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 91
- B 12
RGB color chart
- C 82
- M 0
- Y 87
- K 9
CMYK color chart

● #2ae71f color description : Vivid lime green.

The hexadecimal color #2ae71f has RGB values of R:42, G:231, B:31 and CMYK values of C:0.82, M:0, Y:0.87, K:0.09. Its decimal value is 2811679.

Hex triplet	2ae71f	`#2ae71f`
RGB Decimal	42, 231, 31	`rgb(42,231,31)`
RGB Percent	16.5, 90.6, 12.2	`rgb(16.5%,90.6%,12.2%)`
CMYK	82, 0, 87, 9
HSL	116.7°, 80.6, 51.4	`hsl(116.7,80.6%,51.4%)`
HSV (or HSB)	116.7°, 86.6, 90.6
Web Safe	33ff33	`#33ff33`

CIE-LAB	80.594, -76.768, 73.756
XYZ	29.776, 57.74, 10.872
xyY	0.303, 0.587, 57.74
CIE-LCH	80.594, 106.458, 136.146
CIE-LUV	80.594, -72.88, 95.704
Hunter-Lab	75.987, -63.029, 44.708
Binary	00101010, 11100111, 00011111

#2ae71f
```
#2ae71f rgb(42,231,31)
```
#dc1fe7
```
#dc1fe7 rgb(220,31,231)
```

Complementary Color

#8ee71f
```
#8ee71f rgb(142,231,31)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#1fe778
```
#1fe778 rgb(31,231,120)
```

Analogous Color

#e71f8e
```
#e71f8e rgb(231,31,142)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#781fe7
```
#781fe7 rgb(120,31,231)
```

Split Complementary Color

#e71f2a
```
#e71f2a rgb(231,31,42)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#1f2ae7
```
#1f2ae7 rgb(31,42,231)
```

Triadic Color

#e7dc1f
```
#e7dc1f rgb(231,220,31)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#1f2ae7
```
#1f2ae7 rgb(31,42,231)
```
#dc1fe7
```
#dc1fe7 rgb(220,31,231)
```

Tetradic Color

#1aa812
```
#1aa812 rgb(26,168,18)
```
#1ebf14
```
#1ebf14 rgb(30,191,20)
```
#21d617
```
#21d617 rgb(33,214,23)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#40e936
```
#40e936 rgb(64,233,54)
```
#56ec4d
```
#56ec4d rgb(86,236,77)
```
#6cee64
```
#6cee64 rgb(108,238,100)
```

Monochromatic Color

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

#5ce71f
```
#5ce71f rgb(92,231,31)
```
#4be71f
```
#4be71f rgb(75,231,31)
```
#3be71f
```
#3be71f rgb(59,231,31)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#1fe725
```
#1fe725 rgb(31,231,37)
```
#1fe735
```
#1fe735 rgb(31,231,53)
```
#1fe746
```
#1fe746 rgb(31,231,70)
```

Similar Colors

Text with hexadecimal color #2ae71f

This text has a font color of #2ae71f.

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

#2ae71f background color

This paragraph has a background color of #2ae71f.

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

#2ae71f border color

This element has a border color of #2ae71f.

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

CSS codes

.text {color:#2ae71f;}

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

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

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

#010601
```
#010601 rgb(1,6,1)
```
#041803
```
#041803 rgb(4,24,3)
```
#072a04
```
#072a04 rgb(7,42,4)
```
#093b06
```
#093b06 rgb(9,59,6)
```
#0c4d08
```
#0c4d08 rgb(12,77,8)
```
#0f5f0a
```
#0f5f0a rgb(15,95,10)
```
#12710c
```
#12710c rgb(18,113,12)
```
#14820e
```
#14820e rgb(20,130,14)
```
#179410
```
#179410 rgb(23,148,16)
```
#1aa612
```
#1aa612 rgb(26,166,18)
```
#1db714
```
#1db714 rgb(29,183,20)
```
#1fc916
```
#1fc916 rgb(31,201,22)
```
#22db17
```
#22db17 rgb(34,219,23)
```

Shade Color Variation

#2ae71f
```
#2ae71f rgb(42,231,31)
```
#3be931
```
#3be931 rgb(59,233,49)
```
#4ceb42
```
#4ceb42 rgb(76,235,66)
```
#5ded54
```
#5ded54 rgb(93,237,84)
```
#6def66
```
#6def66 rgb(109,239,102)
```
#7ef078
```
#7ef078 rgb(126,240,120)
```
#8ff289
```
#8ff289 rgb(143,242,137)
```
#a0f49b
```
#a0f49b rgb(160,244,155)
```
#b1f6ad
```
#b1f6ad rgb(177,246,173)
```
#c2f8be
```
#c2f8be rgb(194,248,190)
```
#d2fad0
```
#d2fad0 rgb(210,250,208)
```
#e3fce2
```
#e3fce2 rgb(227,252,226)
```
#f4fef4
```
#f4fef4 rgb(244,254,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f887e is the less saturated color, while #19fa0c is the most saturated one.

#7f887e
```
#7f887e rgb(127,136,126)
```
#769175
```
#769175 rgb(118,145,117)
```
#6e9b6b
```
#6e9b6b rgb(110,155,107)
```
#65a462
```
#65a462 rgb(101,164,98)
```
#5dae58
```
#5dae58 rgb(93,174,88)
```
#54b74f
```
#54b74f rgb(84,183,79)
```
#4cc145
```
#4cc145 rgb(76,193,69)
```
#43ca3c
```
#43ca3c rgb(67,202,60)
```
#3bd432
```
#3bd432 rgb(59,212,50)
```
#32dd29
```
#32dd29 rgb(50,221,41)
```
#2ae71f
```
#2ae71f rgb(42,231,31)
```
#22f115
```
#22f115 rgb(34,241,21)
```
#19fa0c
```
#19fa0c rgb(25,250,12)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#82a880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb21 Protanopia 1% of men
#fbc145 Deuteranopia 1% of men
#77d8e8 Tritanopia 0.001% of the population

Trichromacy

#a0d520 Protanomaly 1% of men, 0.01% of women
#afcf37 Deuteranomaly 6% of men, 0.4% of women
#5bde9f Tritanomaly 0.01% of the population

#2ae71f hex color

#2ae71f Color Information

#2ae71f Color Conversion

Color Schemes with #2ae71f

Alternatives to #2ae71f

#2ae71f Preview

Shades and Tints of #2ae71f

Tones of #2ae71f

Color Blindness Simulator