#2ae3a1 hex color

In a RGB color space, hex #2ae3a1 is composed of 16.5% red, 89% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 29.1% yellow and 11% black. It has a hue angle of 158.6 degrees, a saturation of 76.8% and a lightness of 52.7%. #2ae3a1 color hex could be obtained by blending #54ffff with #00c743. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 89
- B 63
RGB color chart
- C 81
- M 0
- Y 29
- K 11
CMYK color chart

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

The hexadecimal color #2ae3a1 has RGB values of R:42, G:227, B:161 and CMYK values of C:0.81, M:0, Y:0.29, K:0.11. Its decimal value is 2810785.

Hex triplet	2ae3a1	`#2ae3a1`
RGB Decimal	42, 227, 161	`rgb(42,227,161)`
RGB Percent	16.5, 89, 63.1	`rgb(16.5%,89%,63.1%)`
CMYK	81, 0, 29, 11
HSL	158.6°, 76.8, 52.7	`hsl(158.6,76.8%,52.7%)`
HSV (or HSB)	158.6°, 81.5, 89
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.739, -59.094, 19.972
XYZ	34.854, 58, 43.074
xyY	0.256, 0.427, 58
CIE-LCH	80.739, 62.378, 161.326
CIE-LUV	80.739, -66.144, 38.27
Hunter-Lab	76.158, -51.584, 19.776
Binary	00101010, 11100011, 10100001

#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#e32a6c
```
#e32a6c rgb(227,42,108)
```

Complementary Color

#2ae345
```
#2ae345 rgb(42,227,69)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#2ac9e3
```
#2ac9e3 rgb(42,201,227)
```

Analogous Color

#e3452a
```
#e3452a rgb(227,69,42)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#e32ac9
```
#e32ac9 rgb(227,42,201)
```

Split Complementary Color

#e3a12a
```
#e3a12a rgb(227,161,42)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#a12ae3
```
#a12ae3 rgb(161,42,227)
```

Triadic Color

#6ce32a
```
#6ce32a rgb(108,227,42)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#a12ae3
```
#a12ae3 rgb(161,42,227)
```
#e32a6c
```
#e32a6c rgb(227,42,108)
```

Tetradic Color

#16aa75
```
#16aa75 rgb(22,170,117)
```
#19c185
```
#19c185 rgb(25,193,133)
```
#1cd795
```
#1cd795 rgb(28,215,149)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#41e6ab
```
#41e6ab rgb(65,230,171)
```
#57e9b5
```
#57e9b5 rgb(87,233,181)
```
#6eecbf
```
#6eecbf rgb(110,236,191)
```

Monochromatic Color

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

#2ae373
```
#2ae373 rgb(42,227,115)
```
#2ae382
```
#2ae382 rgb(42,227,130)
```
#2ae392
```
#2ae392 rgb(42,227,146)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#2ae3b0
```
#2ae3b0 rgb(42,227,176)
```
#2ae3c0
```
#2ae3c0 rgb(42,227,192)
```
#2ae3cf
```
#2ae3cf rgb(42,227,207)
```

Similar Colors

Text with hexadecimal color #2ae3a1

This text has a font color of #2ae3a1.

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

#2ae3a1 background color

This paragraph has a background color of #2ae3a1.

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

#2ae3a1 border color

This element has a border color of #2ae3a1.

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

CSS codes

.text {color:#2ae3a1;}

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

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

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

#020c09
```
#020c09 rgb(2,12,9)
```
#041e15
```
#041e15 rgb(4,30,21)
```
#062f20
```
#062f20 rgb(6,47,32)
```
#08402c
```
#08402c rgb(8,64,44)
```
#0b5238
```
#0b5238 rgb(11,82,56)
```
#0d6344
```
#0d6344 rgb(13,99,68)
```
#0f7450
```
#0f7450 rgb(15,116,80)
```
#12865c
```
#12865c rgb(18,134,92)
```
#149768
```
#149768 rgb(20,151,104)
```
#16a874
```
#16a874 rgb(22,168,116)
```
#18ba80
```
#18ba80 rgb(24,186,128)
```
#1bcb8c
```
#1bcb8c rgb(27,203,140)
```
#1ddc98
```
#1ddc98 rgb(29,220,152)
```

Shade Color Variation

#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#3be5a9
```
#3be5a9 rgb(59,229,169)
```
#4de8b0
```
#4de8b0 rgb(77,232,176)
```
#5eeab8
```
#5eeab8 rgb(94,234,184)
```
#6fecc0
```
#6fecc0 rgb(111,236,192)
```
#81eec7
```
#81eec7 rgb(129,238,199)
```
#92f1cf
```
#92f1cf rgb(146,241,207)
```
#a3f3d7
```
#a3f3d7 rgb(163,243,215)
```
#b5f5de
```
#b5f5de rgb(181,245,222)
```
#c6f8e6
```
#c6f8e6 rgb(198,248,230)
```
#d7faee
```
#d7faee rgb(215,250,238)
```
#e9fcf5
```
#e9fcf5 rgb(233,252,245)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d9089 is the less saturated color, while #0effa9 is the most saturated one.

#7d9089
```
#7d9089 rgb(125,144,137)
```
#74998c
```
#74998c rgb(116,153,140)
```
#6ba28e
```
#6ba28e rgb(107,162,142)
```
#62ab91
```
#62ab91 rgb(98,171,145)
```
#58b594
```
#58b594 rgb(88,181,148)
```
#4fbe96
```
#4fbe96 rgb(79,190,150)
```
#46c799
```
#46c799 rgb(70,199,153)
```
#3dd09c
```
#3dd09c rgb(61,208,156)
```
#33da9e
```
#33da9e rgb(51,218,158)
```
#2ae3a1
```
#2ae3a1 rgb(42,227,161)
```
#21eca4
```
#21eca4 rgb(33,236,164)
```
#17f6a6
```
#17f6a6 rgb(23,246,166)
```
#0effa9
```
#0effa9 rgb(14,255,169)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8cb1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9ca9a Protanopia 1% of men
#e7c4b1 Deuteranopia 1% of men
#63dbeb Tritanopia 0.001% of the population

Trichromacy

#99d39d Protanomaly 1% of men, 0.01% of women
#a2cfab Deuteranomaly 6% of men, 0.4% of women
#4eded0 Tritanomaly 0.01% of the population

#2ae3a1 hex color

#2ae3a1 Color Information

#2ae3a1 Color Conversion

Color Schemes with #2ae3a1

Alternatives to #2ae3a1

#2ae3a1 Preview

Shades and Tints of #2ae3a1

Tones of #2ae3a1

Color Blindness Simulator