#2ae771 hex color

In a RGB color space, hex #2ae771 is composed of 16.5% red, 90.6% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 0% magenta, 51.1% yellow and 9.4% black. It has a hue angle of 142.5 degrees, a saturation of 79.7% and a lightness of 53.5%. #2ae771 color hex could be obtained by blending #54ffe2 with #00cf00. Closest websafe color is: #33ff66.

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

● #2ae771 color description : Bright cyan - lime green.

The hexadecimal color #2ae771 has RGB values of R:42, G:231, B:113 and CMYK values of C:0.82, M:0, Y:0.51, K:0.09. Its decimal value is 2811761.

Hex triplet	2ae771	`#2ae771`
RGB Decimal	42, 231, 113	`rgb(42,231,113)`
RGB Percent	16.5, 90.6, 44.3	`rgb(16.5%,90.6%,44.3%)`
CMYK	82, 0, 51, 9
HSL	142.5°, 79.7, 53.5	`hsl(142.5,79.7%,53.5%)`
HSV (or HSB)	142.5°, 81.8, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.2, -69.293, 44.687
XYZ	32.509, 58.833, 25.264
xyY	0.279, 0.505, 58.833
CIE-LCH	81.2, 82.453, 147.182
CIE-LUV	81.2, -70.297, 69.752
Hunter-Lab	76.703, -58.575, 34.163
Binary	00101010, 11100111, 01110001

#2ae771
```
#2ae771 rgb(42,231,113)
```
#e72aa0
```
#e72aa0 rgb(231,42,160)
```

Complementary Color

#42e72a
```
#42e72a rgb(66,231,42)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#2ae7d0
```
#2ae7d0 rgb(42,231,208)
```

Analogous Color

#e72a42
```
#e72a42 rgb(231,42,66)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#d02ae7
```
#d02ae7 rgb(208,42,231)
```

Split Complementary Color

#e7712a
```
#e7712a rgb(231,113,42)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#712ae7
```
#712ae7 rgb(113,42,231)
```

Triadic Color

#a0e72a
```
#a0e72a rgb(160,231,42)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#712ae7
```
#712ae7 rgb(113,42,231)
```
#e72aa0
```
#e72aa0 rgb(231,42,160)
```

Tetradic Color

#14b14f
```
#14b14f rgb(20,177,79)
```
#16c859
```
#16c859 rgb(22,200,89)
```
#19de63
```
#19de63 rgb(25,222,99)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#41ea80
```
#41ea80 rgb(65,234,128)
```
#58ec90
```
#58ec90 rgb(88,236,144)
```
#6fef9f
```
#6fef9f rgb(111,239,159)
```

Monochromatic Color

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

#2ae742
```
#2ae742 rgb(42,231,66)
```
#2ae752
```
#2ae752 rgb(42,231,82)
```
#2ae761
```
#2ae761 rgb(42,231,97)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#2ae781
```
#2ae781 rgb(42,231,129)
```
#2ae791
```
#2ae791 rgb(42,231,145)
```
#2ae7a0
```
#2ae7a0 rgb(42,231,160)
```

Similar Colors

Text with hexadecimal color #2ae771

This text has a font color of #2ae771.

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

#2ae771 background color

This paragraph has a background color of #2ae771.

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

#2ae771 border color

This element has a border color of #2ae771.

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

CSS codes

.text {color:#2ae771;}

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

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

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

#021007
```
#021007 rgb(2,16,7)
```
#04220f
```
#04220f rgb(4,34,15)
```
#063317
```
#063317 rgb(6,51,23)
```
#08451f
```
#08451f rgb(8,69,31)
```
#0a5727
```
#0a5727 rgb(10,87,39)
```
#0c682f
```
#0c682f rgb(12,104,47)
```
#0e7a36
```
#0e7a36 rgb(14,122,54)
```
#108c3e
```
#108c3e rgb(16,140,62)
```
#129d46
```
#129d46 rgb(18,157,70)
```
#14af4e
```
#14af4e rgb(20,175,78)
```
#16c056
```
#16c056 rgb(22,192,86)
```
#18d25e
```
#18d25e rgb(24,210,94)
```
#1ae466
```
#1ae466 rgb(26,228,102)
```

Shade Color Variation

#2ae771
```
#2ae771 rgb(42,231,113)
```
#3ce97d
```
#3ce97d rgb(60,233,125)
```
#4deb89
```
#4deb89 rgb(77,235,137)
```
#5fed94
```
#5fed94 rgb(95,237,148)
```
#71efa0
```
#71efa0 rgb(113,239,160)
```
#82f1ac
```
#82f1ac rgb(130,241,172)
```
#94f3b8
```
#94f3b8 rgb(148,243,184)
```
#a5f5c3
```
#a5f5c3 rgb(165,245,195)
```
#b7f7cf
```
#b7f7cf rgb(183,247,207)
```
#c9f9db
```
#c9f9db rgb(201,249,219)
```
#dafbe7
```
#dafbe7 rgb(218,251,231)
```
#ecfdf2
```
#ecfdf2 rgb(236,253,242)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858c88 is the less saturated color, while #18f96c is the most saturated one.

#858c88
```
#858c88 rgb(133,140,136)
```
#7c9585
```
#7c9585 rgb(124,149,133)
```
#739e83
```
#739e83 rgb(115,158,131)
```
#6aa781
```
#6aa781 rgb(106,167,129)
```
#61b07f
```
#61b07f rgb(97,176,127)
```
#58b97c
```
#58b97c rgb(88,185,124)
```
#4ec37a
```
#4ec37a rgb(78,195,122)
```
#45cc78
```
#45cc78 rgb(69,204,120)
```
#3cd576
```
#3cd576 rgb(60,213,118)
```
#33de73
```
#33de73 rgb(51,222,115)
```
#2ae771
```
#2ae771 rgb(42,231,113)
```
#21f06f
```
#21f06f rgb(33,240,111)
```
#18f96c
```
#18f96c rgb(24,249,108)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#89af97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc6f Protanopia 1% of men
#f4c385 Deuteranopia 1% of men
#70dbeb Tritanopia 0.001% of the population

Trichromacy

#9ed66f Protanomaly 1% of men, 0.01% of women
#abd07e Deuteranomaly 6% of men, 0.4% of women
#56dfbe Tritanomaly 0.01% of the population

#2ae771 hex color

#2ae771 Color Information

#2ae771 Color Conversion

Color Schemes with #2ae771

Alternatives to #2ae771

#2ae771 Preview

Shades and Tints of #2ae771

Tones of #2ae771

Color Blindness Simulator