#2ae080 hex color

In a RGB color space, hex #2ae080 is composed of 16.5% red, 87.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 42.9% yellow and 12.2% black. It has a hue angle of 148.4 degrees, a saturation of 74.6% and a lightness of 52.2%. #2ae080 color hex could be obtained by blending #54ffff with #00c101. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #2ae080 has RGB values of R:42, G:224, B:128 and CMYK values of C:0.81, M:0, Y:0.43, K:0.12. Its decimal value is 2809984.

Hex triplet	2ae080	`#2ae080`
RGB Decimal	42, 224, 128	`rgb(42,224,128)`
RGB Percent	16.5, 87.8, 50.2	`rgb(16.5%,87.8%,50.2%)`
CMYK	81, 0, 43, 12
HSL	148.4°, 74.6, 52.2	`hsl(148.4,74.6%,52.2%)`
HSV (or HSB)	148.4°, 81.3, 87.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.247, -64.519, 34.884
XYZ	31.504, 55.359, 29.446
xyY	0.271, 0.476, 55.359
CIE-LCH	79.247, 73.346, 151.601
CIE-LUV	79.247, -67.191, 57.684
Hunter-Lab	74.403, -54.624, 28.618
Binary	00101010, 11100000, 10000000

#2ae080
```
#2ae080 rgb(42,224,128)
```
#e02a8a
```
#e02a8a rgb(224,42,138)
```

Complementary Color

#2fe02a
```
#2fe02a rgb(47,224,42)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#2ae0db
```
#2ae0db rgb(42,224,219)
```

Analogous Color

#e02a2f
```
#e02a2f rgb(224,42,47)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#db2ae0
```
#db2ae0 rgb(219,42,224)
```

Split Complementary Color

#e0802a
```
#e0802a rgb(224,128,42)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#802ae0
```
#802ae0 rgb(128,42,224)
```

Triadic Color

#8ae02a
```
#8ae02a rgb(138,224,42)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#802ae0
```
#802ae0 rgb(128,42,224)
```
#e02a8a
```
#e02a8a rgb(224,42,138)
```

Tetradic Color

#18a55b
```
#18a55b rgb(24,165,91)
```
#1bbc67
```
#1bbc67 rgb(27,188,103)
```
#1fd273
```
#1fd273 rgb(31,210,115)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#40e38d
```
#40e38d rgb(64,227,141)
```
#57e69b
```
#57e69b rgb(87,230,155)
```
#6deaa8
```
#6deaa8 rgb(109,234,168)
```

Monochromatic Color

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

#2ae053
```
#2ae053 rgb(42,224,83)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#2ae071
```
#2ae071 rgb(42,224,113)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#2ae08f
```
#2ae08f rgb(42,224,143)
```
#2ae09e
```
#2ae09e rgb(42,224,158)
```
#2ae0ae
```
#2ae0ae rgb(42,224,174)
```

Similar Colors

Text with hexadecimal color #2ae080

This text has a font color of #2ae080.

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

#2ae080 background color

This paragraph has a background color of #2ae080.

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

#2ae080 border color

This element has a border color of #2ae080.

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

CSS codes

.text {color:#2ae080;}

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

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

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 #f7fefb is the lightest one.

#010a05
```
#010a05 rgb(1,10,5)
```
#041b0f
```
#041b0f rgb(4,27,15)
```
#062c18
```
#062c18 rgb(6,44,24)
```
#093d21
```
#093d21 rgb(9,61,33)
```
#0b4e2b
```
#0b4e2b rgb(11,78,43)
```
#0e5f34
```
#0e5f34 rgb(14,95,52)
```
#10703e
```
#10703e rgb(16,112,62)
```
#138147
```
#138147 rgb(19,129,71)
```
#159351
```
#159351 rgb(21,147,81)
```
#18a45a
```
#18a45a rgb(24,164,90)
```
#1ab563
```
#1ab563 rgb(26,181,99)
```
#1dc66d
```
#1dc66d rgb(29,198,109)
```
#1fd776
```
#1fd776 rgb(31,215,118)
```

Shade Color Variation

#2ae080
```
#2ae080 rgb(42,224,128)
```
#3be28a
```
#3be28a rgb(59,226,138)
```
#4ce594
```
#4ce594 rgb(76,229,148)
```
#5de79f
```
#5de79f rgb(93,231,159)
```
#6eeaa9
```
#6eeaa9 rgb(110,234,169)
```
#80ecb3
```
#80ecb3 rgb(128,236,179)
```
#91efbd
```
#91efbd rgb(145,239,189)
```
#a2f1c7
```
#a2f1c7 rgb(162,241,199)
```
#b3f4d2
```
#b3f4d2 rgb(179,244,210)
```
#c4f6dc
```
#c4f6dc rgb(196,246,220)
```
#d5f9e6
```
#d5f9e6 rgb(213,249,230)
```
#e6fbf0
```
#e6fbf0 rgb(230,251,240)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#7e8c85
```
#7e8c85 rgb(126,140,133)
```
#759584
```
#759584 rgb(117,149,132)
```
#6c9e84
```
#6c9e84 rgb(108,158,132)
```
#62a883
```
#62a883 rgb(98,168,131)
```
#59b183
```
#59b183 rgb(89,177,131)
```
#50ba82
```
#50ba82 rgb(80,186,130)
```
#46c482
```
#46c482 rgb(70,196,130)
```
#3dcd81
```
#3dcd81 rgb(61,205,129)
```
#33d781
```
#33d781 rgb(51,215,129)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#21e97f
```
#21e97f rgb(33,233,127)
```
#17f37f
```
#17f37f rgb(23,243,127)
```
#0efc7e
```
#0efc7e rgb(14,252,126)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88ac99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c77c Protanopia 1% of men
#ebbf92 Deuteranopia 1% of men
#6ad6e5 Tritanopia 0.001% of the population

Trichromacy

#99d07e Protanomaly 1% of men, 0.01% of women
#a4cb8b Deuteranomaly 6% of men, 0.4% of women
#52d9c0 Tritanomaly 0.01% of the population

#2ae080 hex color

#2ae080 Color Information

#2ae080 Color Conversion

Color Schemes with #2ae080

Alternatives to #2ae080

#2ae080 Preview

Shades and Tints of #2ae080

Tones of #2ae080

Color Blindness Simulator