#2ae894 hex color

In a RGB color space, hex #2ae894 is composed of 16.5% red, 91% green and 58% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 36.2% yellow and 9% black. It has a hue angle of 153.5 degrees, a saturation of 80.5% and a lightness of 53.7%. #2ae894 color hex could be obtained by blending #54ffff with #00d129. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 16
- G 91
- B 58
RGB color chart
- C 82
- M 0
- Y 36
- K 9
CMYK color chart

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

The hexadecimal color #2ae894 has RGB values of R:42, G:232, B:148 and CMYK values of C:0.82, M:0, Y:0.36, K:0.09. Its decimal value is 2812052.

Hex triplet	2ae894	`#2ae894`
RGB Decimal	42, 232, 148	`rgb(42,232,148)`
RGB Percent	16.5, 91, 58	`rgb(16.5%,91%,58%)`
CMYK	82, 0, 36, 9
HSL	153.5°, 80.5, 53.7	`hsl(153.5,80.5%,53.7%)`
HSV (or HSB)	153.5°, 81.9, 91
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.023, -63.604, 28.429
XYZ	35.154, 60.34, 37.809
xyY	0.264, 0.453, 60.34
CIE-LCH	82.023, 69.668, 155.917
CIE-LUV	82.023, -68.656, 50.176
Hunter-Lab	77.679, -55.156, 25.516
Binary	00101010, 11101000, 10010100

#2ae894
```
#2ae894 rgb(42,232,148)
```
#e82a7e
```
#e82a7e rgb(232,42,126)
```

Complementary Color

#2ae835
```
#2ae835 rgb(42,232,53)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#2adde8
```
#2adde8 rgb(42,221,232)
```

Analogous Color

#e8352a
```
#e8352a rgb(232,53,42)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#e82add
```
#e82add rgb(232,42,221)
```

Split Complementary Color

#e8942a
```
#e8942a rgb(232,148,42)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#942ae8
```
#942ae8 rgb(148,42,232)
```

Triadic Color

#7ee82a
```
#7ee82a rgb(126,232,42)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#942ae8
```
#942ae8 rgb(148,42,232)
```
#e82a7e
```
#e82a7e rgb(232,42,126)
```

Tetradic Color

#13b26c
```
#13b26c rgb(19,178,108)
```
#16c97a
```
#16c97a rgb(22,201,122)
```
#18e088
```
#18e088 rgb(24,224,136)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#41eaa0
```
#41eaa0 rgb(65,234,160)
```
#58edab
```
#58edab rgb(88,237,171)
```
#6fefb7
```
#6fefb7 rgb(111,239,183)
```

Monochromatic Color

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

#2ae865
```
#2ae865 rgb(42,232,101)
```
#2ae874
```
#2ae874 rgb(42,232,116)
```
#2ae884
```
#2ae884 rgb(42,232,132)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#2ae8a4
```
#2ae8a4 rgb(42,232,164)
```
#2ae8b4
```
#2ae8b4 rgb(42,232,180)
```
#2ae8c4
```
#2ae8c4 rgb(42,232,196)
```

Similar Colors

Text with hexadecimal color #2ae894

This text has a font color of #2ae894.

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

#2ae894 background color

This paragraph has a background color of #2ae894.

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

#2ae894 border color

This element has a border color of #2ae894.

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

CSS codes

.text {color:#2ae894;}

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

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

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, #02110a is the darkest color, while #feffff is the lightest one.

#02110a
```
#02110a rgb(2,17,10)
```
#042315
```
#042315 rgb(4,35,21)
```
#063520
```
#063520 rgb(6,53,32)
```
#08462b
```
#08462b rgb(8,70,43)
```
#095835
```
#095835 rgb(9,88,53)
```
#0b6a40
```
#0b6a40 rgb(11,106,64)
```
#0d7b4b
```
#0d7b4b rgb(13,123,75)
```
#0f8d55
```
#0f8d55 rgb(15,141,85)
```
#119f60
```
#119f60 rgb(17,159,96)
```
#13b06b
```
#13b06b rgb(19,176,107)
```
#15c276
```
#15c276 rgb(21,194,118)
```
#17d480
```
#17d480 rgb(23,212,128)
```
#19e68b
```
#19e68b rgb(25,230,139)
```

Shade Color Variation

#2ae894
```
#2ae894 rgb(42,232,148)
```
#3cea9d
```
#3cea9d rgb(60,234,157)
```
#4deca6
```
#4deca6 rgb(77,236,166)
```
#5feeaf
```
#5feeaf rgb(95,238,175)
```
#71f0b8
```
#71f0b8 rgb(113,240,184)
```
#83f2c0
```
#83f2c0 rgb(131,242,192)
```
#94f3c9
```
#94f3c9 rgb(148,243,201)
```
#a6f5d2
```
#a6f5d2 rgb(166,245,210)
```
#b8f7db
```
#b8f7db rgb(184,247,219)
```
#c9f9e4
```
#c9f9e4 rgb(201,249,228)
```
#dbfbed
```
#dbfbed rgb(219,251,237)
```
#edfdf6
```
#edfdf6 rgb(237,253,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858d89
```
#858d89 rgb(133,141,137)
```
#7c968b
```
#7c968b rgb(124,150,139)
```
#739f8c
```
#739f8c rgb(115,159,140)
```
#6aa88d
```
#6aa88d rgb(106,168,141)
```
#60b28e
```
#60b28e rgb(96,178,142)
```
#57bb8f
```
#57bb8f rgb(87,187,143)
```
#4ec490
```
#4ec490 rgb(78,196,144)
```
#45cd91
```
#45cd91 rgb(69,205,145)
```
#3cd692
```
#3cd692 rgb(60,214,146)
```
#33df93
```
#33df93 rgb(51,223,147)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#21f195
```
#21f195 rgb(33,241,149)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8db3a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfce8e Protanopia 1% of men
#efc6a5 Deuteranopia 1% of men
#69deee Tritanopia 0.001% of the population

Trichromacy

#9dd790 Protanomaly 1% of men, 0.01% of women
#a7d29f Deuteranomaly 6% of men, 0.4% of women
#52e1cd Tritanomaly 0.01% of the population

#2ae894 hex color

#2ae894 Color Information

#2ae894 Color Conversion

Color Schemes with #2ae894

Alternatives to #2ae894

#2ae894 Preview

Shades and Tints of #2ae894

Tones of #2ae894

Color Blindness Simulator