colorhexa.com

#2aee80 hex color

In a RGB color space, hex #2aee80 is composed of 16.5% red, 93.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 0% magenta, 46.2% yellow and 6.7% black. It has a hue angle of 146.3 degrees, a saturation of 85.2% and a lightness of 54.9%. #2aee80 color hex could be obtained by blending #54ffff with #00dd01. Closest websafe color is: #33ff99.

- R 16
- G 93
- B 50
RGB color chart
- C 82
- M 0
- Y 46
- K 7
CMYK color chart

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

The hexadecimal color #2aee80 has RGB values of R:42, G:238, B:128 and CMYK values of C:0.82, M:0, Y:0.46, K:0.07. Its decimal value is 2813568.

Hex triplet	2aee80	`#2aee80`
RGB Decimal	42, 238, 128	`rgb(42,238,128)`
RGB Percent	16.5, 93.3, 50.2	`rgb(16.5%,93.3%,50.2%)`
CMYK	82, 0, 46, 7
HSL	146.3°, 85.2, 54.9	`hsl(146.3,85.2%,54.9%)`
HSV (or HSB)	146.3°, 82.4, 93.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.545, -69.254, 40.41
XYZ	35.423, 63.196, 30.752
xyY	0.274, 0.488, 63.196
CIE-LCH	83.545, 80.182, 149.737
CIE-LUV	83.545, -71.8, 65.645
Hunter-Lab	79.496, -59.579, 32.712
Binary	00101010, 11101110, 10000000

#2aee80
```
#2aee80 rgb(42,238,128)
```
#ee2a98
```
#ee2a98 rgb(238,42,152)
```

Complementary Color

#36ee2a
```
#36ee2a rgb(54,238,42)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#2aeee2
```
#2aeee2 rgb(42,238,226)
```

Analogous Color

#ee2a36
```
#ee2a36 rgb(238,42,54)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#e22aee
```
#e22aee rgb(226,42,238)
```

Split Complementary Color

#ee802a
```
#ee802a rgb(238,128,42)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#802aee
```
#802aee rgb(128,42,238)
```

Triadic Color

#98ee2a
```
#98ee2a rgb(152,238,42)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#802aee
```
#802aee rgb(128,42,238)
```
#ee2a98
```
#ee2a98 rgb(238,42,152)
```

Tetradic Color

#0fbc5b
```
#0fbc5b rgb(15,188,91)
```
#11d467
```
#11d467 rgb(17,212,103)
```
#13ec72
```
#13ec72 rgb(19,236,114)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#42f08e
```
#42f08e rgb(66,240,142)
```
#59f29c
```
#59f29c rgb(89,242,156)
```
#71f4aa
```
#71f4aa rgb(113,244,170)
```

Monochromatic Color

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

#2aee4f
```
#2aee4f rgb(42,238,79)
```
#2aee5f
```
#2aee5f rgb(42,238,95)
```
#2aee70
```
#2aee70 rgb(42,238,112)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#2aee90
```
#2aee90 rgb(42,238,144)
```
#2aeea1
```
#2aeea1 rgb(42,238,161)
```
#2aeeb1
```
#2aeeb1 rgb(42,238,177)
```

Similar Colors

Text with hexadecimal color #2aee80

This text has a font color of #2aee80.

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

#2aee80 background color

This paragraph has a background color of #2aee80.

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

#2aee80 border color

This element has a border color of #2aee80.

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

CSS codes

.text {color:#2aee80;}

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

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

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

#000502
```
#000502 rgb(0,5,2)
```
#02170b
```
#02170b rgb(2,23,11)
```
#032914
```
#032914 rgb(3,41,20)
```
#053b1d
```
#053b1d rgb(5,59,29)
```
#064e26
```
#064e26 rgb(6,78,38)
```
#08602e
```
#08602e rgb(8,96,46)
```
#097237
```
#097237 rgb(9,114,55)
```
#0b8440
```
#0b8440 rgb(11,132,64)
```
#0c9649
```
#0c9649 rgb(12,150,73)
```
#0da851
```
#0da851 rgb(13,168,81)
```
#0fbb5a
```
#0fbb5a rgb(15,187,90)
```
#10cd63
```
#10cd63 rgb(16,205,99)
```
#12df6c
```
#12df6c rgb(18,223,108)
```

Shade Color Variation

#18ed75
```
#18ed75 rgb(24,237,117)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#3cef8b
```
#3cef8b rgb(60,239,139)
```
#4ef196
```
#4ef196 rgb(78,241,150)
```
#60f2a0
```
#60f2a0 rgb(96,242,160)
```
#73f4ab
```
#73f4ab rgb(115,244,171)
```
#85f5b6
```
#85f5b6 rgb(133,245,182)
```
#97f7c1
```
#97f7c1 rgb(151,247,193)
```
#a9f8cc
```
#a9f8cc rgb(169,248,204)
```
#bbfad7
```
#bbfad7 rgb(187,250,215)
```
#cdfbe1
```
#cdfbe1 rgb(205,251,225)
```
#e0fcec
```
#e0fcec rgb(224,252,236)
```
#f2fef7
```
#f2fef7 rgb(242,254,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d8c is the less saturated color, while #21f77f is the most saturated one.

#8b8d8c
```
#8b8d8c rgb(139,141,140)
```
#82968b
```
#82968b rgb(130,150,139)
```
#7a9e8a
```
#7a9e8a rgb(122,158,138)
```
#71a789
```
#71a789 rgb(113,167,137)
```
#68b088
```
#68b088 rgb(104,176,136)
```
#5fb986
```
#5fb986 rgb(95,185,134)
```
#56c285
```
#56c285 rgb(86,194,133)
```
#4dcb84
```
#4dcb84 rgb(77,203,132)
```
#45d383
```
#45d383 rgb(69,211,131)
```
#3cdc82
```
#3cdc82 rgb(60,220,130)
```
#33e581
```
#33e581 rgb(51,229,129)
```
#2aee80
```
#2aee80 rgb(42,238,128)
```
#21f77f
```
#21f77f rgb(33,247,127)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8eb59f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d27c Protanopia 1% of men
#faca93 Deuteranopia 1% of men
#70e2f2 Tritanopia 0.001% of the population

Trichromacy

#a1dc7d Protanomaly 1% of men, 0.01% of women
#aed78c Deuteranomaly 6% of men, 0.4% of women
#57e6c9 Tritanomaly 0.01% of the population