#2ae559 hex color

In a RGB color space, hex #2ae559 is composed of 16.5% red, 89.8% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 61.1% yellow and 10.2% black. It has a hue angle of 135.1 degrees, a saturation of 78.2% and a lightness of 53.1%. #2ae559 color hex could be obtained by blending #54ffb2 with #00cb00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 90
- B 35
RGB color chart
- C 82
- M 0
- Y 61
- K 10
CMYK color chart

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

The hexadecimal color #2ae559 has RGB values of R:42, G:229, B:89 and CMYK values of C:0.82, M:0, Y:0.61, K:0.1. Its decimal value is 2811225.

Hex triplet	2ae559	`#2ae559`
RGB Decimal	42, 229, 89	`rgb(42,229,89)`
RGB Percent	16.5, 89.8, 34.9	`rgb(16.5%,89.8%,34.9%)`
CMYK	82, 0, 61, 10
HSL	135.1°, 78.2, 53.1	`hsl(135.1,78.2%,53.1%)`
HSV (or HSB)	135.1°, 81.7, 89.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.319, -71.829, 54.544
XYZ	30.775, 57.249, 18.879
xyY	0.288, 0.536, 57.249
CIE-LCH	80.319, 90.191, 142.789
CIE-LUV	80.319, -70.722, 79.597
Hunter-Lab	75.663, -59.807, 38.171
Binary	00101010, 11100101, 01011001

#2ae559
```
#2ae559 rgb(42,229,89)
```
#e52ab6
```
#e52ab6 rgb(229,42,182)
```

Complementary Color

#59e52a
```
#59e52a rgb(89,229,42)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#2ae5b7
```
#2ae5b7 rgb(42,229,183)
```

Analogous Color

#e52a58
```
#e52a58 rgb(229,42,88)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#b72ae5
```
#b72ae5 rgb(183,42,229)
```

Split Complementary Color

#e5592a
```
#e5592a rgb(229,89,42)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#592ae5
```
#592ae5 rgb(89,42,229)
```

Triadic Color

#b6e52a
```
#b6e52a rgb(182,229,42)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#592ae5
```
#592ae5 rgb(89,42,229)
```
#e52ab6
```
#e52ab6 rgb(229,42,182)
```

Tetradic Color

#15ad3b
```
#15ad3b rgb(21,173,59)
```
#18c443
```
#18c443 rgb(24,196,67)
```
#1bdb4b
```
#1bdb4b rgb(27,219,75)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#41e86b
```
#41e86b rgb(65,232,107)
```
#57eb7c
```
#57eb7c rgb(87,235,124)
```
#6eed8e
```
#6eed8e rgb(110,237,142)
```

Monochromatic Color

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

#2ae52a
```
#2ae52a rgb(42,229,42)
```
#2ae53a
```
#2ae53a rgb(42,229,58)
```
#2ae549
```
#2ae549 rgb(42,229,73)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#2ae569
```
#2ae569 rgb(42,229,105)
```
#2ae578
```
#2ae578 rgb(42,229,120)
```
#2ae588
```
#2ae588 rgb(42,229,136)
```

Similar Colors

Text with hexadecimal color #2ae559

This text has a font color of #2ae559.

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

#2ae559 background color

This paragraph has a background color of #2ae559.

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

#2ae559 border color

This element has a border color of #2ae559.

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

CSS codes

.text {color:#2ae559;}

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

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

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

#020e05
```
#020e05 rgb(2,14,5)
```
#04200b
```
#04200b rgb(4,32,11)
```
#063111
```
#063111 rgb(6,49,17)
```
#084317
```
#084317 rgb(8,67,23)
```
#0a541d
```
#0a541d rgb(10,84,29)
```
#0c6623
```
#0c6623 rgb(12,102,35)
```
#0f7729
```
#0f7729 rgb(15,119,41)
```
#11892f
```
#11892f rgb(17,137,47)
```
#139a35
```
#139a35 rgb(19,154,53)
```
#15ac3b
```
#15ac3b rgb(21,172,59)
```
#17bd41
```
#17bd41 rgb(23,189,65)
```
#19cf47
```
#19cf47 rgb(25,207,71)
```
#1be04d
```
#1be04d rgb(27,224,77)
```

Shade Color Variation

#2ae559
```
#2ae559 rgb(42,229,89)
```
#3be767
```
#3be767 rgb(59,231,103)
```
#4de974
```
#4de974 rgb(77,233,116)
```
#5eeb82
```
#5eeb82 rgb(94,235,130)
```
#70ee8f
```
#70ee8f rgb(112,238,143)
```
#81f09d
```
#81f09d rgb(129,240,157)
```
#93f2ab
```
#93f2ab rgb(147,242,171)
```
#a4f4b8
```
#a4f4b8 rgb(164,244,184)
```
#b6f6c6
```
#b6f6c6 rgb(182,246,198)
```
#c7f8d4
```
#c7f8d4 rgb(199,248,212)
```
#d9fae1
```
#d9fae1 rgb(217,250,225)
```
#eafcef
```
#eafcef rgb(234,252,239)
```
#fcfffc
```
#fcfffc rgb(252,255,252)
```

Tint Color Variation

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

#868987
```
#868987 rgb(134,137,135)
```
#7d9282
```
#7d9282 rgb(125,146,130)
```
#749b7e
```
#749b7e rgb(116,155,126)
```
#6aa579
```
#6aa579 rgb(106,165,121)
```
#61ae74
```
#61ae74 rgb(97,174,116)
```
#58b770
```
#58b770 rgb(88,183,112)
```
#4fc06b
```
#4fc06b rgb(79,192,107)
```
#46c967
```
#46c967 rgb(70,201,103)
```
#3cd362
```
#3cd362 rgb(60,211,98)
```
#33dc5e
```
#33dc5e rgb(51,220,94)
```
#2ae559
```
#2ae559 rgb(42,229,89)
```
#21ee54
```
#21ee54 rgb(33,238,84)
```
#18f750
```
#18f750 rgb(24,247,80)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#86ab8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ca59 Protanopia 1% of men
#f5c170 Deuteranopia 1% of men
#72d8e8 Tritanopia 0.001% of the population

Trichromacy

#9dd459 Protanomaly 1% of men, 0.01% of women
#abce67 Deuteranomaly 6% of men, 0.4% of women
#58ddb4 Tritanomaly 0.01% of the population

#2ae559 hex color

#2ae559 Color Information

#2ae559 Color Conversion

Color Schemes with #2ae559

Alternatives to #2ae559

#2ae559 Preview

Shades and Tints of #2ae559

Tones of #2ae559

Color Blindness Simulator