#2ae772 hex color

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

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

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

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

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

CIE-LAB	81.212, -69.144, 44.227
XYZ	32.566, 58.856, 25.563
xyY	0.278, 0.503, 58.856
CIE-LCH	81.212, 82.079, 147.396
CIE-LUV	81.212, -70.247, 69.246
Hunter-Lab	76.717, -58.484, 33.946
Binary	00101010, 11100111, 01110010

#2ae772
```
#2ae772 rgb(42,231,114)
```
#e72a9f
```
#e72a9f rgb(231,42,159)
```

Complementary Color

#41e72a
```
#41e72a rgb(65,231,42)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#2ae7d1
```
#2ae7d1 rgb(42,231,209)
```

Analogous Color

#e72a40
```
#e72a40 rgb(231,42,64)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#d12ae7
```
#d12ae7 rgb(209,42,231)
```

Split Complementary Color

#e7722a
```
#e7722a rgb(231,114,42)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#722ae7
```
#722ae7 rgb(114,42,231)
```

Triadic Color

#9fe72a
```
#9fe72a rgb(159,231,42)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#722ae7
```
#722ae7 rgb(114,42,231)
```
#e72a9f
```
#e72a9f rgb(231,42,159)
```

Tetradic Color

#14b150
```
#14b150 rgb(20,177,80)
```
#16c85a
```
#16c85a rgb(22,200,90)
```
#19de64
```
#19de64 rgb(25,222,100)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#41ea81
```
#41ea81 rgb(65,234,129)
```
#58ec90
```
#58ec90 rgb(88,236,144)
```
#6fefa0
```
#6fefa0 rgb(111,239,160)
```

Monochromatic Color

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

#2ae743
```
#2ae743 rgb(42,231,67)
```
#2ae753
```
#2ae753 rgb(42,231,83)
```
#2ae762
```
#2ae762 rgb(42,231,98)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#2ae782
```
#2ae782 rgb(42,231,130)
```
#2ae792
```
#2ae792 rgb(42,231,146)
```
#2ae7a1
```
#2ae7a1 rgb(42,231,161)
```

Similar Colors

Text with hexadecimal color #2ae772

This text has a font color of #2ae772.

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

#2ae772 background color

This paragraph has a background color of #2ae772.

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

#2ae772 border color

This element has a border color of #2ae772.

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

CSS codes

.text {color:#2ae772;}

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

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

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)
```
#0e7a37
```
#0e7a37 rgb(14,122,55)
```
#108c3f
```
#108c3f rgb(16,140,63)
```
#129d47
```
#129d47 rgb(18,157,71)
```
#14af4f
```
#14af4f rgb(20,175,79)
```
#16c057
```
#16c057 rgb(22,192,87)
```
#18d25f
```
#18d25f rgb(24,210,95)
```
#1ae467
```
#1ae467 rgb(26,228,103)
```

Shade Color Variation

#2ae772
```
#2ae772 rgb(42,231,114)
```
#3ce97e
```
#3ce97e rgb(60,233,126)
```
#4deb89
```
#4deb89 rgb(77,235,137)
```
#5fed95
```
#5fed95 rgb(95,237,149)
```
#71efa1
```
#71efa1 rgb(113,239,161)
```
#82f1ac
```
#82f1ac rgb(130,241,172)
```
#94f3b8
```
#94f3b8 rgb(148,243,184)
```
#a5f5c4
```
#a5f5c4 rgb(165,245,196)
```
#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 #18f96e is the most saturated one.

#858c88
```
#858c88 rgb(133,140,136)
```
#7c9586
```
#7c9586 rgb(124,149,134)
```
#739e83
```
#739e83 rgb(115,158,131)
```
#6aa781
```
#6aa781 rgb(106,167,129)
```
#61b07f
```
#61b07f rgb(97,176,127)
```
#58b97d
```
#58b97d rgb(88,185,125)
```
#4ec37b
```
#4ec37b rgb(78,195,123)
```
#45cc79
```
#45cc79 rgb(69,204,121)
```
#3cd576
```
#3cd576 rgb(60,213,118)
```
#33de74
```
#33de74 rgb(51,222,116)
```
#2ae772
```
#2ae772 rgb(42,231,114)
```
#21f070
```
#21f070 rgb(33,240,112)
```
#18f96e
```
#18f96e rgb(24,249,110)
```

Tone Color Variation

Below, you can see how #2ae772 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
#89af98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc70 Protanopia 1% of men
#f4c486 Deuteranopia 1% of men
#70dbeb Tritanopia 0.001% of the population

Trichromacy

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

#2ae772 hex color

#2ae772 Color Information

#2ae772 Color Conversion

Color Schemes with #2ae772

Alternatives to #2ae772

#2ae772 Preview

Shades and Tints of #2ae772

Tones of #2ae772

Color Blindness Simulator