#2aae80 hex color

In a RGB color space, hex #2aae80 is composed of 16.5% red, 68.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 26.4% yellow and 31.8% black. It has a hue angle of 159.1 degrees, a saturation of 61.1% and a lightness of 42.4%. #2aae80 color hex could be obtained by blending #54ffff with #005d01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 68
- B 50
RGB color chart
- C 76
- M 0
- Y 26
- K 32
CMYK color chart

● #2aae80 color description : Dark cyan - lime green.

The hexadecimal color #2aae80 has RGB values of R:42, G:174, B:128 and CMYK values of C:0.76, M:0, Y:0.26, K:0.32. Its decimal value is 2797184.

Hex triplet	2aae80	`#2aae80`
RGB Decimal	42, 174, 128	`rgb(42,174,128)`
RGB Percent	16.5, 68.2, 50.2	`rgb(16.5%,68.2%,50.2%)`
CMYK	76, 0, 26, 32
HSL	159.1°, 61.1, 42.4	`hsl(159.1,61.1%,42.4%)`
HSV (or HSB)	159.1°, 75.9, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.607, -45.811, 13.804
XYZ	19.986, 32.321, 25.606
xyY	0.257, 0.415, 32.321
CIE-LCH	63.607, 47.845, 163.231
CIE-LUV	63.607, -49.937, 26.295
Hunter-Lab	56.851, -36.74, 13.092
Binary	00101010, 10101110, 10000000

#2aae80
```
#2aae80 rgb(42,174,128)
```
#ae2a58
```
#ae2a58 rgb(174,42,88)
```

Complementary Color

#2aae3e
```
#2aae3e rgb(42,174,62)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#2a9aae
```
#2a9aae rgb(42,154,174)
```

Analogous Color

#ae3e2a
```
#ae3e2a rgb(174,62,42)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#ae2a9a
```
#ae2a9a rgb(174,42,154)
```

Split Complementary Color

#ae802a
```
#ae802a rgb(174,128,42)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#802aae
```
#802aae rgb(128,42,174)
```

Triadic Color

#58ae2a
```
#58ae2a rgb(88,174,42)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#802aae
```
#802aae rgb(128,42,174)
```
#ae2a58
```
#ae2a58 rgb(174,42,88)
```

Tetradic Color

#1b7053
```
#1b7053 rgb(27,112,83)
```
#208562
```
#208562 rgb(32,133,98)
```
#259971
```
#259971 rgb(37,153,113)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#2fc38f
```
#2fc38f rgb(47,195,143)
```
#3bd09c
```
#3bd09c rgb(59,208,156)
```
#50d5a6
```
#50d5a6 rgb(80,213,166)
```

Monochromatic Color

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

#2aae5f
```
#2aae5f rgb(42,174,95)
```
#2aae6a
```
#2aae6a rgb(42,174,106)
```
#2aae75
```
#2aae75 rgb(42,174,117)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#2aae8b
```
#2aae8b rgb(42,174,139)
```
#2aae96
```
#2aae96 rgb(42,174,150)
```
#2aaea1
```
#2aaea1 rgb(42,174,161)
```

Similar Colors

Text with hexadecimal color #2aae80

This text has a font color of #2aae80.

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

#2aae80 background color

This paragraph has a background color of #2aae80.

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

#2aae80 border color

This element has a border color of #2aae80.

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

CSS codes

.text {color:#2aae80;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100c
```
#04100c rgb(4,16,12)
```
#082017
```
#082017 rgb(8,32,23)
```
#0b3023
```
#0b3023 rgb(11,48,35)
```
#0f3f2f
```
#0f3f2f rgb(15,63,47)
```
#134f3a
```
#134f3a rgb(19,79,58)
```
#175f46
```
#175f46 rgb(23,95,70)
```
#1b6f52
```
#1b6f52 rgb(27,111,82)
```
#1f7f5d
```
#1f7f5d rgb(31,127,93)
```
#228e69
```
#228e69 rgb(34,142,105)
```
#269e74
```
#269e74 rgb(38,158,116)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#2ebe8c
```
#2ebe8c rgb(46,190,140)
```

Shade Color Variation

#32cd97
```
#32cd97 rgb(50,205,151)
```
#42d19f
```
#42d19f rgb(66,209,159)
```
#51d5a7
```
#51d5a7 rgb(81,213,167)
```
#61d9af
```
#61d9af rgb(97,217,175)
```
#71ddb7
```
#71ddb7 rgb(113,221,183)
```
#81e1bf
```
#81e1bf rgb(129,225,191)
```
#91e4c7
```
#91e4c7 rgb(145,228,199)
```
#a0e8cf
```
#a0e8cf rgb(160,232,207)
```
#b0ecd7
```
#b0ecd7 rgb(176,236,215)
```
#c0f0df
```
#c0f0df rgb(192,240,223)
```
#d0f4e7
```
#d0f4e7 rgb(208,244,231)
```
#e0f7ef
```
#e0f7ef rgb(224,247,239)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64746e is the less saturated color, while #00d88d is the most saturated one.

#64746e
```
#64746e rgb(100,116,110)
```
#5c7c71
```
#5c7c71 rgb(92,124,113)
```
#548473
```
#548473 rgb(84,132,115)
```
#4b8d76
```
#4b8d76 rgb(75,141,118)
```
#439578
```
#439578 rgb(67,149,120)
```
#3b9d7b
```
#3b9d7b rgb(59,157,123)
```
#32a67d
```
#32a67d rgb(50,166,125)
```
#2aae80
```
#2aae80 rgb(42,174,128)
```
#22b683
```
#22b683 rgb(34,182,131)
```
#19bf85
```
#19bf85 rgb(25,191,133)
```
#11c788
```
#11c788 rgb(17,199,136)
```
#09cf8a
```
#09cf8a rgb(9,207,138)
```
#00d88d
```
#00d88d rgb(0,216,141)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99f7e Protanopia 1% of men
#b4998f Deuteranopia 1% of men
#51abb8 Tritanopia 0.001% of the population

Trichromacy

#7ba47e Protanomaly 1% of men, 0.01% of women
#81a189 Deuteranomaly 6% of men, 0.4% of women
#43aca3 Tritanomaly 0.01% of the population

#2aae80 hex color

#2aae80 Color Information

#2aae80 Color Conversion

Color Schemes with #2aae80

Alternatives to #2aae80

#2aae80 Preview

Shades and Tints of #2aae80

Tones of #2aae80

Color Blindness Simulator