#2ae45a hex color

In a RGB color space, hex #2ae45a is composed of 16.5% red, 89.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 0% magenta, 60.5% yellow and 10.6% black. It has a hue angle of 135.5 degrees, a saturation of 77.5% and a lightness of 52.9%. #2ae45a color hex could be obtained by blending #54ffb4 with #00c900. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2ae45a has RGB values of R:42, G:228, B:90 and CMYK values of C:0.82, M:0, Y:0.61, K:0.11. Its decimal value is 2810970.

Hex triplet	2ae45a	`#2ae45a`
RGB Decimal	42, 228, 90	`rgb(42,228,90)`
RGB Percent	16.5, 89.4, 35.3	`rgb(16.5%,89.4%,35.3%)`
CMYK	82, 0, 61, 11
HSL	135.5°, 77.5, 52.9	`hsl(135.5,77.5%,52.9%)`
HSV (or HSB)	135.5°, 81.6, 89.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.018, -71.403, 53.768
XYZ	30.542, 56.714, 19.01
xyY	0.287, 0.534, 56.714
CIE-LCH	80.018, 89.384, 143.019
CIE-LUV	80.018, -70.358, 78.71
Hunter-Lab	75.309, -59.399, 37.75
Binary	00101010, 11100100, 01011010

#2ae45a
```
#2ae45a rgb(42,228,90)
```
#e42ab4
```
#e42ab4 rgb(228,42,180)
```

Complementary Color

#57e42a
```
#57e42a rgb(87,228,42)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#2ae4b7
```
#2ae4b7 rgb(42,228,183)
```

Analogous Color

#e42a57
```
#e42a57 rgb(228,42,87)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#b72ae4
```
#b72ae4 rgb(183,42,228)
```

Split Complementary Color

#e45a2a
```
#e45a2a rgb(228,90,42)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#5a2ae4
```
#5a2ae4 rgb(90,42,228)
```

Triadic Color

#b4e42a
```
#b4e42a rgb(180,228,42)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#5a2ae4
```
#5a2ae4 rgb(90,42,228)
```
#e42ab4
```
#e42ab4 rgb(228,42,180)
```

Tetradic Color

#16ac3c
```
#16ac3c rgb(22,172,60)
```
#19c244
```
#19c244 rgb(25,194,68)
```
#1cd94c
```
#1cd94c rgb(28,217,76)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#41e76c
```
#41e76c rgb(65,231,108)
```
#57ea7d
```
#57ea7d rgb(87,234,125)
```
#6eed8f
```
#6eed8f rgb(110,237,143)
```

Monochromatic Color

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

#2ae42c
```
#2ae42c rgb(42,228,44)
```
#2ae43b
```
#2ae43b rgb(42,228,59)
```
#2ae44a
```
#2ae44a rgb(42,228,74)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#2ae46a
```
#2ae46a rgb(42,228,106)
```
#2ae479
```
#2ae479 rgb(42,228,121)
```
#2ae489
```
#2ae489 rgb(42,228,137)
```

Similar Colors

Text with hexadecimal color #2ae45a

This text has a font color of #2ae45a.

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

#2ae45a background color

This paragraph has a background color of #2ae45a.

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

#2ae45a border color

This element has a border color of #2ae45a.

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

CSS codes

.text {color:#2ae45a;}

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

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

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

#020d05
```
#020d05 rgb(2,13,5)
```
#041f0b
```
#041f0b rgb(4,31,11)
```
#063011
```
#063011 rgb(6,48,17)
```
#084217
```
#084217 rgb(8,66,23)
```
#0b531d
```
#0b531d rgb(11,83,29)
```
#0d6423
```
#0d6423 rgb(13,100,35)
```
#0f7629
```
#0f7629 rgb(15,118,41)
```
#118730
```
#118730 rgb(17,135,48)
```
#139936
```
#139936 rgb(19,153,54)
```
#16aa3c
```
#16aa3c rgb(22,170,60)
```
#18bb42
```
#18bb42 rgb(24,187,66)
```
#1acd48
```
#1acd48 rgb(26,205,72)
```
#1cde4e
```
#1cde4e rgb(28,222,78)
```

Shade Color Variation

#2ae45a
```
#2ae45a rgb(42,228,90)
```
#3be667
```
#3be667 rgb(59,230,103)
```
#4de875
```
#4de875 rgb(77,232,117)
```
#5eeb82
```
#5eeb82 rgb(94,235,130)
```
#70ed90
```
#70ed90 rgb(112,237,144)
```
#81ef9d
```
#81ef9d rgb(129,239,157)
```
#92f1ab
```
#92f1ab rgb(146,241,171)
```
#a4f3b8
```
#a4f3b8 rgb(164,243,184)
```
#b5f6c6
```
#b5f6c6 rgb(181,246,198)
```
#c7f8d3
```
#c7f8d3 rgb(199,248,211)
```
#d8fae1
```
#d8fae1 rgb(216,250,225)
```
#e9fcee
```
#e9fcee rgb(233,252,238)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#868887
```
#868887 rgb(134,136,135)
```
#7d9182
```
#7d9182 rgb(125,145,130)
```
#749a7e
```
#749a7e rgb(116,154,126)
```
#6ba379
```
#6ba379 rgb(107,163,121)
```
#61ad75
```
#61ad75 rgb(97,173,117)
```
#58b670
```
#58b670 rgb(88,182,112)
```
#4fbf6c
```
#4fbf6c rgb(79,191,108)
```
#46c867
```
#46c867 rgb(70,200,103)
```
#3cd263
```
#3cd263 rgb(60,210,99)
```
#33db5e
```
#33db5e rgb(51,219,94)
```
#2ae45a
```
#2ae45a rgb(42,228,90)
```
#21ed56
```
#21ed56 rgb(33,237,86)
```
#18f651
```
#18f651 rgb(24,246,81)
```

Tone Color Variation

Below, you can see how #2ae45a 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
#86ab90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc95a Protanopia 1% of men
#f4c070 Deuteranopia 1% of men
#71d7e7 Tritanopia 0.001% of the population

Trichromacy

#9dd35a Protanomaly 1% of men, 0.01% of women
#aacd68 Deuteranomaly 6% of men, 0.4% of women
#57dcb4 Tritanomaly 0.01% of the population

#2ae45a hex color

#2ae45a Color Information

#2ae45a Color Conversion

Color Schemes with #2ae45a

Alternatives to #2ae45a

#2ae45a Preview

Shades and Tints of #2ae45a

Tones of #2ae45a

Color Blindness Simulator