#2ae079 hex color

In a RGB color space, hex #2ae079 is composed of 16.5% red, 87.8% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 46% yellow and 12.2% black. It has a hue angle of 146 degrees, a saturation of 74.6% and a lightness of 52.2%. #2ae079 color hex could be obtained by blending #54fff2 with #00c100. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 88
- B 47
RGB color chart
- C 81
- M 0
- Y 46
- K 12
CMYK color chart

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

The hexadecimal color #2ae079 has RGB values of R:42, G:224, B:121 and CMYK values of C:0.81, M:0, Y:0.46, K:0.12. Its decimal value is 2809977.

Hex triplet	2ae079	`#2ae079`
RGB Decimal	42, 224, 121	`rgb(42,224,121)`
RGB Percent	16.5, 87.8, 47.5	`rgb(16.5%,87.8%,47.5%)`
CMYK	81, 0, 46, 12
HSL	146°, 74.6, 52.2	`hsl(146,74.6%,52.2%)`
HSV (or HSB)	146°, 81.3, 87.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	79.145, -65.715, 38.235
XYZ	31.059, 55.181, 27.102
xyY	0.274, 0.487, 55.181
CIE-LCH	79.145, 76.029, 149.808
CIE-LUV	79.145, -67.58, 61.678
Hunter-Lab	74.284, -55.362, 30.367
Binary	00101010, 11100000, 01111001

#2ae079
```
#2ae079 rgb(42,224,121)
```
#e02a91
```
#e02a91 rgb(224,42,145)
```

Complementary Color

#36e02a
```
#36e02a rgb(54,224,42)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#2ae0d4
```
#2ae0d4 rgb(42,224,212)
```

Analogous Color

#e02a36
```
#e02a36 rgb(224,42,54)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#d42ae0
```
#d42ae0 rgb(212,42,224)
```

Split Complementary Color

#e0792a
```
#e0792a rgb(224,121,42)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#792ae0
```
#792ae0 rgb(121,42,224)
```

Triadic Color

#91e02a
```
#91e02a rgb(145,224,42)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#792ae0
```
#792ae0 rgb(121,42,224)
```
#e02a91
```
#e02a91 rgb(224,42,145)
```

Tetradic Color

#18a555
```
#18a555 rgb(24,165,85)
```
#1bbc61
```
#1bbc61 rgb(27,188,97)
```
#1fd26c
```
#1fd26c rgb(31,210,108)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#40e387
```
#40e387 rgb(64,227,135)
```
#57e695
```
#57e695 rgb(87,230,149)
```
#6deaa3
```
#6deaa3 rgb(109,234,163)
```

Monochromatic Color

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

#2ae04c
```
#2ae04c rgb(42,224,76)
```
#2ae05b
```
#2ae05b rgb(42,224,91)
```
#2ae06a
```
#2ae06a rgb(42,224,106)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#2ae088
```
#2ae088 rgb(42,224,136)
```
#2ae097
```
#2ae097 rgb(42,224,151)
```
#2ae0a7
```
#2ae0a7 rgb(42,224,167)
```

Similar Colors

Text with hexadecimal color #2ae079

This text has a font color of #2ae079.

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

#2ae079 background color

This paragraph has a background color of #2ae079.

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

#2ae079 border color

This element has a border color of #2ae079.

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

CSS codes

.text {color:#2ae079;}

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

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

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, #010a05 is the darkest color, while #f7fefa is the lightest one.

#010a05
```
#010a05 rgb(1,10,5)
```
#041b0e
```
#041b0e rgb(4,27,14)
```
#062c17
```
#062c17 rgb(6,44,23)
```
#093d1f
```
#093d1f rgb(9,61,31)
```
#0b4e28
```
#0b4e28 rgb(11,78,40)
```
#0e5f31
```
#0e5f31 rgb(14,95,49)
```
#10703a
```
#10703a rgb(16,112,58)
```
#138143
```
#138143 rgb(19,129,67)
```
#15934c
```
#15934c rgb(21,147,76)
```
#18a455
```
#18a455 rgb(24,164,85)
```
#1ab55d
```
#1ab55d rgb(26,181,93)
```
#1dc666
```
#1dc666 rgb(29,198,102)
```
#1fd76f
```
#1fd76f rgb(31,215,111)
```

Shade Color Variation

#2ae079
```
#2ae079 rgb(42,224,121)
```
#3be284
```
#3be284 rgb(59,226,132)
```
#4ce58f
```
#4ce58f rgb(76,229,143)
```
#5de799
```
#5de799 rgb(93,231,153)
```
#6eeaa4
```
#6eeaa4 rgb(110,234,164)
```
#80ecaf
```
#80ecaf rgb(128,236,175)
```
#91efba
```
#91efba rgb(145,239,186)
```
#a2f1c4
```
#a2f1c4 rgb(162,241,196)
```
#b3f4cf
```
#b3f4cf rgb(179,244,207)
```
#c4f6da
```
#c4f6da rgb(196,246,218)
```
#d5f9e5
```
#d5f9e5 rgb(213,249,229)
```
#e6fbef
```
#e6fbef rgb(230,251,239)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#7e8c84
```
#7e8c84 rgb(126,140,132)
```
#759583
```
#759583 rgb(117,149,131)
```
#6c9e82
```
#6c9e82 rgb(108,158,130)
```
#62a880
```
#62a880 rgb(98,168,128)
```
#59b17f
```
#59b17f rgb(89,177,127)
```
#50ba7e
```
#50ba7e rgb(80,186,126)
```
#46c47d
```
#46c47d rgb(70,196,125)
```
#3dcd7b
```
#3dcd7b rgb(61,205,123)
```
#33d77a
```
#33d77a rgb(51,215,122)
```
#2ae079
```
#2ae079 rgb(42,224,121)
```
#21e978
```
#21e978 rgb(33,233,120)
```
#17f377
```
#17f377 rgb(23,243,119)
```
#0efc75
```
#0efc75 rgb(14,252,117)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87ab97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c776 Protanopia 1% of men
#ecbf8c Deuteranopia 1% of men
#6bd5e5 Tritanopia 0.001% of the population

Trichromacy

#99d077 Protanomaly 1% of men, 0.01% of women
#a5cb85 Deuteranomaly 6% of men, 0.4% of women
#53d9be Tritanomaly 0.01% of the population

#2ae079 hex color

#2ae079 Color Information

#2ae079 Color Conversion

Color Schemes with #2ae079

Alternatives to #2ae079

#2ae079 Preview

Shades and Tints of #2ae079

Tones of #2ae079

Color Blindness Simulator