#2aae84 hex color

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

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

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

The hexadecimal color #2aae84 has RGB values of R:42, G:174, B:132 and CMYK values of C:0.76, M:0, Y:0.24, K:0.32. Its decimal value is 2797188.

Hex triplet	2aae84	`#2aae84`
RGB Decimal	42, 174, 132	`rgb(42,174,132)`
RGB Percent	16.5, 68.2, 51.8	`rgb(16.5%,68.2%,51.8%)`
CMYK	76, 0, 24, 32
HSL	160.9°, 61.1, 42.4	`hsl(160.9,61.1%,42.4%)`
HSV (or HSB)	160.9°, 75.9, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.695, -44.865, 11.724
XYZ	20.254, 32.428, 27.02
xyY	0.254, 0.407, 32.428
CIE-LCH	63.695, 46.371, 165.356
CIE-LUV	63.695, -49.679, 23.38
Hunter-Lab	56.946, -36.168, 11.729
Binary	00101010, 10101110, 10000100

#2aae84
```
#2aae84 rgb(42,174,132)
```
#ae2a54
```
#ae2a54 rgb(174,42,84)
```

Complementary Color

#2aae42
```
#2aae42 rgb(42,174,66)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#2a96ae
```
#2a96ae rgb(42,150,174)
```

Analogous Color

#ae422a
```
#ae422a rgb(174,66,42)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#ae2a96
```
#ae2a96 rgb(174,42,150)
```

Split Complementary Color

#ae842a
```
#ae842a rgb(174,132,42)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#842aae
```
#842aae rgb(132,42,174)
```

Triadic Color

#54ae2a
```
#54ae2a rgb(84,174,42)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#842aae
```
#842aae rgb(132,42,174)
```
#ae2a54
```
#ae2a54 rgb(174,42,84)
```

Tetradic Color

#1b7055
```
#1b7055 rgb(27,112,85)
```
#208565
```
#208565 rgb(32,133,101)
```
#259974
```
#259974 rgb(37,153,116)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#2fc394
```
#2fc394 rgb(47,195,148)
```
#3bd0a1
```
#3bd0a1 rgb(59,208,161)
```
#50d5aa
```
#50d5aa rgb(80,213,170)
```

Monochromatic Color

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

#2aae63
```
#2aae63 rgb(42,174,99)
```
#2aae6e
```
#2aae6e rgb(42,174,110)
```
#2aae79
```
#2aae79 rgb(42,174,121)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#2aae8f
```
#2aae8f rgb(42,174,143)
```
#2aae9a
```
#2aae9a rgb(42,174,154)
```
#2aaea5
```
#2aaea5 rgb(42,174,165)
```

Similar Colors

Text with hexadecimal color #2aae84

This text has a font color of #2aae84.

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

#2aae84 background color

This paragraph has a background color of #2aae84.

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

#2aae84 border color

This element has a border color of #2aae84.

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

CSS codes

.text {color:#2aae84;}

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

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

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)
```
#082018
```
#082018 rgb(8,32,24)
```
#0b3024
```
#0b3024 rgb(11,48,36)
```
#0f3f30
```
#0f3f30 rgb(15,63,48)
```
#134f3c
```
#134f3c rgb(19,79,60)
```
#175f48
```
#175f48 rgb(23,95,72)
```
#1b6f54
```
#1b6f54 rgb(27,111,84)
```
#1f7f60
```
#1f7f60 rgb(31,127,96)
```
#228e6c
```
#228e6c rgb(34,142,108)
```
#269e78
```
#269e78 rgb(38,158,120)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#2ebe90
```
#2ebe90 rgb(46,190,144)
```

Shade Color Variation

#32cd9c
```
#32cd9c rgb(50,205,156)
```
#42d1a4
```
#42d1a4 rgb(66,209,164)
```
#51d5ab
```
#51d5ab rgb(81,213,171)
```
#61d9b3
```
#61d9b3 rgb(97,217,179)
```
#71ddba
```
#71ddba rgb(113,221,186)
```
#81e1c2
```
#81e1c2 rgb(129,225,194)
```
#91e4ca
```
#91e4ca rgb(145,228,202)
```
#a0e8d1
```
#a0e8d1 rgb(160,232,209)
```
#b0ecd9
```
#b0ecd9 rgb(176,236,217)
```
#c0f0e1
```
#c0f0e1 rgb(192,240,225)
```
#d0f4e8
```
#d0f4e8 rgb(208,244,232)
```
#e0f7f0
```
#e0f7f0 rgb(224,247,240)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```

Tint Color Variation

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

#64746f
```
#64746f rgb(100,116,111)
```
#5c7c72
```
#5c7c72 rgb(92,124,114)
```
#548475
```
#548475 rgb(84,132,117)
```
#4b8d78
```
#4b8d78 rgb(75,141,120)
```
#43957b
```
#43957b rgb(67,149,123)
```
#3b9d7e
```
#3b9d7e rgb(59,157,126)
```
#32a681
```
#32a681 rgb(50,166,129)
```
#2aae84
```
#2aae84 rgb(42,174,132)
```
#22b687
```
#22b687 rgb(34,182,135)
```
#19bf8a
```
#19bf8a rgb(25,191,138)
```
#11c78d
```
#11c78d rgb(17,199,141)
```
#09cf90
```
#09cf90 rgb(9,207,144)
```
#00d893
```
#00d893 rgb(0,216,147)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#708b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89f81 Protanopia 1% of men
#b39a92 Deuteranopia 1% of men
#50abb8 Tritanopia 0.001% of the population

Trichromacy

#7aa482 Protanomaly 1% of men, 0.01% of women
#81a18d Deuteranomaly 6% of men, 0.4% of women
#42aca5 Tritanomaly 0.01% of the population

#2aae84 hex color

#2aae84 Color Information

#2aae84 Color Conversion

Color Schemes with #2aae84

Alternatives to #2aae84

#2aae84 Preview

Shades and Tints of #2aae84

Tones of #2aae84

Color Blindness Simulator