#2ae880 hex color

In a RGB color space, hex #2ae880 is composed of 16.5% red, 91% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 44.8% yellow and 9% black. It has a hue angle of 147.2 degrees, a saturation of 80.5% and a lightness of 53.7%. #2ae880 color hex could be obtained by blending #54ffff with #00d101. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #2ae880 has RGB values of R:42, G:232, B:128 and CMYK values of C:0.82, M:0, Y:0.45, K:0.09. Its decimal value is 2812032.

Hex triplet	2ae880	`#2ae880`
RGB Decimal	42, 232, 128	`rgb(42,232,128)`
RGB Percent	16.5, 91, 50.2	`rgb(16.5%,91%,50.2%)`
CMYK	82, 0, 45, 9
HSL	147.2°, 80.5, 53.7	`hsl(147.2,80.5%,53.7%)`
HSV (or HSB)	147.2°, 81.9, 91
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.708, -67.247, 38.061
XYZ	33.705, 59.76, 30.179
xyY	0.273, 0.483, 59.76
CIE-LCH	81.708, 77.271, 150.491
CIE-LUV	81.708, -69.836, 62.272
Hunter-Lab	77.305, -57.457, 30.967
Binary	00101010, 11101000, 10000000

#2ae880
```
#2ae880 rgb(42,232,128)
```
#e82a92
```
#e82a92 rgb(232,42,146)
```

Complementary Color

#33e82a
```
#33e82a rgb(51,232,42)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#2ae8df
```
#2ae8df rgb(42,232,223)
```

Analogous Color

#e82a33
```
#e82a33 rgb(232,42,51)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#df2ae8
```
#df2ae8 rgb(223,42,232)
```

Split Complementary Color

#e8802a
```
#e8802a rgb(232,128,42)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#802ae8
```
#802ae8 rgb(128,42,232)
```

Triadic Color

#92e82a
```
#92e82a rgb(146,232,42)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#802ae8
```
#802ae8 rgb(128,42,232)
```
#e82a92
```
#e82a92 rgb(232,42,146)
```

Tetradic Color

#13b25b
```
#13b25b rgb(19,178,91)
```
#16c967
```
#16c967 rgb(22,201,103)
```
#18e073
```
#18e073 rgb(24,224,115)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#41ea8e
```
#41ea8e rgb(65,234,142)
```
#58ed9b
```
#58ed9b rgb(88,237,155)
```
#6fefa9
```
#6fefa9 rgb(111,239,169)
```

Monochromatic Color

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

#2ae851
```
#2ae851 rgb(42,232,81)
```
#2ae860
```
#2ae860 rgb(42,232,96)
```
#2ae870
```
#2ae870 rgb(42,232,112)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#2ae890
```
#2ae890 rgb(42,232,144)
```
#2ae8a0
```
#2ae8a0 rgb(42,232,160)
```
#2ae8b0
```
#2ae8b0 rgb(42,232,176)
```

Similar Colors

Text with hexadecimal color #2ae880

This text has a font color of #2ae880.

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

#2ae880 background color

This paragraph has a background color of #2ae880.

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

#2ae880 border color

This element has a border color of #2ae880.

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

CSS codes

.text {color:#2ae880;}

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

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

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

#021109
```
#021109 rgb(2,17,9)
```
#042312
```
#042312 rgb(4,35,18)
```
#06351b
```
#06351b rgb(6,53,27)
```
#084624
```
#084624 rgb(8,70,36)
```
#09582d
```
#09582d rgb(9,88,45)
```
#0b6a36
```
#0b6a36 rgb(11,106,54)
```
#0d7b3f
```
#0d7b3f rgb(13,123,63)
```
#0f8d48
```
#0f8d48 rgb(15,141,72)
```
#119f51
```
#119f51 rgb(17,159,81)
```
#13b05a
```
#13b05a rgb(19,176,90)
```
#15c263
```
#15c263 rgb(21,194,99)
```
#17d46c
```
#17d46c rgb(23,212,108)
```
#19e675
```
#19e675 rgb(25,230,117)
```

Shade Color Variation

#2ae880
```
#2ae880 rgb(42,232,128)
```
#3cea8b
```
#3cea8b rgb(60,234,139)
```
#4dec95
```
#4dec95 rgb(77,236,149)
```
#5feea0
```
#5feea0 rgb(95,238,160)
```
#71f0aa
```
#71f0aa rgb(113,240,170)
```
#83f2b5
```
#83f2b5 rgb(131,242,181)
```
#94f3bf
```
#94f3bf rgb(148,243,191)
```
#a6f5ca
```
#a6f5ca rgb(166,245,202)
```
#b8f7d4
```
#b8f7d4 rgb(184,247,212)
```
#c9f9df
```
#c9f9df rgb(201,249,223)
```
#dbfbea
```
#dbfbea rgb(219,251,234)
```
#edfdf4
```
#edfdf4 rgb(237,253,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858d89
```
#858d89 rgb(133,141,137)
```
#7c9688
```
#7c9688 rgb(124,150,136)
```
#739f87
```
#739f87 rgb(115,159,135)
```
#6aa886
```
#6aa886 rgb(106,168,134)
```
#60b285
```
#60b285 rgb(96,178,133)
```
#57bb84
```
#57bb84 rgb(87,187,132)
```
#4ec483
```
#4ec483 rgb(78,196,131)
```
#45cd83
```
#45cd83 rgb(69,205,131)
```
#3cd682
```
#3cd682 rgb(60,214,130)
```
#33df81
```
#33df81 rgb(51,223,129)
```
#2ae880
```
#2ae880 rgb(42,232,128)
```
#21f17f
```
#21f17f rgb(33,241,127)
```
#18fa7e
```
#18fa7e rgb(24,250,126)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8bb19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cd7c Protanopia 1% of men
#f3c593 Deuteranopia 1% of men
#6edded Tritanopia 0.001% of the population

Trichromacy

#9ed77d Protanomaly 1% of men, 0.01% of women
#aad28c Deuteranomaly 6% of men, 0.4% of women
#55e1c5 Tritanomaly 0.01% of the population

#2ae880 hex color

#2ae880 Color Information

#2ae880 Color Conversion

Color Schemes with #2ae880

Alternatives to #2ae880

#2ae880 Preview

Shades and Tints of #2ae880

Tones of #2ae880

Color Blindness Simulator