#2ae480 hex color

In a RGB color space, hex #2ae480 is composed of 16.5% red, 89.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 0% magenta, 43.9% yellow and 10.6% black. It has a hue angle of 147.7 degrees, a saturation of 77.5% and a lightness of 52.9%. #2ae480 color hex could be obtained by blending #54ffff with #00c901. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 89
- B 50
RGB color chart
- C 82
- M 0
- Y 44
- K 11
CMYK color chart

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

The hexadecimal color #2ae480 has RGB values of R:42, G:228, B:128 and CMYK values of C:0.82, M:0, Y:0.44, K:0.11. Its decimal value is 2811008.

Hex triplet	2ae480	`#2ae480`
RGB Decimal	42, 228, 128	`rgb(42,228,128)`
RGB Percent	16.5, 89.4, 50.2	`rgb(16.5%,89.4%,50.2%)`
CMYK	82, 0, 44, 11
HSL	147.7°, 77.5, 52.9	`hsl(147.7,77.5%,52.9%)`
HSV (or HSB)	147.7°, 81.6, 89.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.479, -65.89, 36.479
XYZ	32.592, 57.534, 29.808
xyY	0.272, 0.48, 57.534
CIE-LCH	80.479, 75.314, 151.03
CIE-LUV	80.479, -68.517, 59.991
Hunter-Lab	75.851, -56.041, 29.796
Binary	00101010, 11100100, 10000000

#2ae480
```
#2ae480 rgb(42,228,128)
```
#e42a8e
```
#e42a8e rgb(228,42,142)
```

Complementary Color

#31e42a
```
#31e42a rgb(49,228,42)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#2ae4dd
```
#2ae4dd rgb(42,228,221)
```

Analogous Color

#e42a31
```
#e42a31 rgb(228,42,49)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#dd2ae4
```
#dd2ae4 rgb(221,42,228)
```

Split Complementary Color

#e4802a
```
#e4802a rgb(228,128,42)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#802ae4
```
#802ae4 rgb(128,42,228)
```

Triadic Color

#8ee42a
```
#8ee42a rgb(142,228,42)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#802ae4
```
#802ae4 rgb(128,42,228)
```
#e42a8e
```
#e42a8e rgb(228,42,142)
```

Tetradic Color

#16ac5b
```
#16ac5b rgb(22,172,91)
```
#19c267
```
#19c267 rgb(25,194,103)
```
#1cd973
```
#1cd973 rgb(28,217,115)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#41e78d
```
#41e78d rgb(65,231,141)
```
#57ea9b
```
#57ea9b rgb(87,234,155)
```
#6eeda8
```
#6eeda8 rgb(110,237,168)
```

Monochromatic Color

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

#2ae452
```
#2ae452 rgb(42,228,82)
```
#2ae461
```
#2ae461 rgb(42,228,97)
```
#2ae471
```
#2ae471 rgb(42,228,113)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#2ae490
```
#2ae490 rgb(42,228,144)
```
#2ae49f
```
#2ae49f rgb(42,228,159)
```
#2ae4af
```
#2ae4af rgb(42,228,175)
```

Similar Colors

Text with hexadecimal color #2ae480

This text has a font color of #2ae480.

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

#2ae480 background color

This paragraph has a background color of #2ae480.

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

#2ae480 border color

This element has a border color of #2ae480.

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

CSS codes

.text {color:#2ae480;}

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

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

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, #020d07 is the darkest color, while #fbfefd is the lightest one.

#020d07
```
#020d07 rgb(2,13,7)
```
#041f10
```
#041f10 rgb(4,31,16)
```
#06301a
```
#06301a rgb(6,48,26)
```
#084223
```
#084223 rgb(8,66,35)
```
#0b532c
```
#0b532c rgb(11,83,44)
```
#0d6435
```
#0d6435 rgb(13,100,53)
```
#0f763e
```
#0f763e rgb(15,118,62)
```
#118748
```
#118748 rgb(17,135,72)
```
#139951
```
#139951 rgb(19,153,81)
```
#16aa5a
```
#16aa5a rgb(22,170,90)
```
#18bb63
```
#18bb63 rgb(24,187,99)
```
#1acd6d
```
#1acd6d rgb(26,205,109)
```
#1cde76
```
#1cde76 rgb(28,222,118)
```

Shade Color Variation

#2ae480
```
#2ae480 rgb(42,228,128)
```
#3be68a
```
#3be68a rgb(59,230,138)
```
#4de895
```
#4de895 rgb(77,232,149)
```
#5eeb9f
```
#5eeb9f rgb(94,235,159)
```
#70edaa
```
#70edaa rgb(112,237,170)
```
#81efb4
```
#81efb4 rgb(129,239,180)
```
#92f1be
```
#92f1be rgb(146,241,190)
```
#a4f3c9
```
#a4f3c9 rgb(164,243,201)
```
#b5f6d3
```
#b5f6d3 rgb(181,246,211)
```
#c7f8dd
```
#c7f8dd rgb(199,248,221)
```
#d8fae8
```
#d8fae8 rgb(216,250,232)
```
#e9fcf2
```
#e9fcf2 rgb(233,252,242)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#868887
```
#868887 rgb(134,136,135)
```
#7d9186
```
#7d9186 rgb(125,145,134)
```
#749a86
```
#749a86 rgb(116,154,134)
```
#6ba385
```
#6ba385 rgb(107,163,133)
```
#61ad84
```
#61ad84 rgb(97,173,132)
```
#58b683
```
#58b683 rgb(88,182,131)
```
#4fbf83
```
#4fbf83 rgb(79,191,131)
```
#46c882
```
#46c882 rgb(70,200,130)
```
#3cd281
```
#3cd281 rgb(60,210,129)
```
#33db81
```
#33db81 rgb(51,219,129)
```
#2ae480
```
#2ae480 rgb(42,228,128)
```
#21ed7f
```
#21ed7f rgb(33,237,127)
```
#18f67f
```
#18f67f rgb(24,246,127)
```

Tone Color Variation

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

Dichromacy

#dcca7c Protanopia 1% of men
#efc292 Deuteranopia 1% of men
#6cd9e9 Tritanopia 0.001% of the population

Trichromacy

#9bd37d Protanomaly 1% of men, 0.01% of women
#a7ce8b Deuteranomaly 6% of men, 0.4% of women
#54ddc3 Tritanomaly 0.01% of the population

#2ae480 hex color

#2ae480 Color Information

#2ae480 Color Conversion

Color Schemes with #2ae480

Alternatives to #2ae480

#2ae480 Preview

Shades and Tints of #2ae480

Tones of #2ae480

Color Blindness Simulator