#2ae997 hex color

In a RGB color space, hex #2ae997 is composed of 16.5% red, 91.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 35.2% yellow and 8.6% black. It has a hue angle of 154.2 degrees, a saturation of 81.3% and a lightness of 53.9%. #2ae997 color hex could be obtained by blending #54ffff with #00d32f. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #2ae997 has RGB values of R:42, G:233, B:151 and CMYK values of C:0.82, M:0, Y:0.35, K:0.09. Its decimal value is 2812311.

Hex triplet	2ae997	`#2ae997`
RGB Decimal	42, 233, 151	`rgb(42,233,151)`
RGB Percent	16.5, 91.4, 59.2	`rgb(16.5%,91.4%,59.2%)`
CMYK	82, 0, 35, 9
HSL	154.2°, 81.3, 53.9	`hsl(154.2,81.3%,53.9%)`
HSV (or HSB)	154.2°, 82, 91.4
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.379, -63.37, 27.377
XYZ	35.677, 61.001, 39.17
xyY	0.263, 0.449, 61.001
CIE-LCH	82.379, 69.031, 156.635
CIE-LUV	82.379, -68.8, 48.855
Hunter-Lab	78.103, -55.143, 24.937
Binary	00101010, 11101001, 10010111

#2ae997
```
#2ae997 rgb(42,233,151)
```
#e92a7c
```
#e92a7c rgb(233,42,124)
```

Complementary Color

#2ae938
```
#2ae938 rgb(42,233,56)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#2adce9
```
#2adce9 rgb(42,220,233)
```

Analogous Color

#e9382a
```
#e9382a rgb(233,56,42)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#e92adc
```
#e92adc rgb(233,42,220)
```

Split Complementary Color

#e9972a
```
#e9972a rgb(233,151,42)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```

Triadic Color

#7ce92a
```
#7ce92a rgb(124,233,42)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#972ae9
```
#972ae9 rgb(151,42,233)
```
#e92a7c
```
#e92a7c rgb(233,42,124)
```

Tetradic Color

#13b46f
```
#13b46f rgb(19,180,111)
```
#15cb7d
```
#15cb7d rgb(21,203,125)
```
#17e28b
```
#17e28b rgb(23,226,139)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#41eba2
```
#41eba2 rgb(65,235,162)
```
#58eeae
```
#58eeae rgb(88,238,174)
```
#6ff0b9
```
#6ff0b9 rgb(111,240,185)
```

Monochromatic Color

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

#2ae967
```
#2ae967 rgb(42,233,103)
```
#2ae977
```
#2ae977 rgb(42,233,119)
```
#2ae987
```
#2ae987 rgb(42,233,135)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#2ae9a7
```
#2ae9a7 rgb(42,233,167)
```
#2ae9b7
```
#2ae9b7 rgb(42,233,183)
```
#2ae9c7
```
#2ae9c7 rgb(42,233,199)
```

Similar Colors

Text with hexadecimal color #2ae997

This text has a font color of #2ae997.

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

#2ae997 background color

This paragraph has a background color of #2ae997.

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

#2ae997 border color

This element has a border color of #2ae997.

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

CSS codes

.text {color:#2ae997;}

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

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

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 #eefdf6 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#02120b
```
#02120b rgb(2,18,11)
```
#042416
```
#042416 rgb(4,36,22)
```
#063621
```
#063621 rgb(6,54,33)
```
#07472c
```
#07472c rgb(7,71,44)
```
#095937
```
#095937 rgb(9,89,55)
```
#0b6b42
```
#0b6b42 rgb(11,107,66)
```
#0d7d4d
```
#0d7d4d rgb(13,125,77)
```
#0f8f58
```
#0f8f58 rgb(15,143,88)
```
#11a063
```
#11a063 rgb(17,160,99)
```
#12b26e
```
#12b26e rgb(18,178,110)
```
#14c478
```
#14c478 rgb(20,196,120)
```
#16d683
```
#16d683 rgb(22,214,131)
```

Shade Color Variation

#18e78e
```
#18e78e rgb(24,231,142)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#3ceba0
```
#3ceba0 rgb(60,235,160)
```
#4eeda8
```
#4eeda8 rgb(78,237,168)
```
#5fefb1
```
#5fefb1 rgb(95,239,177)
```
#71f0ba
```
#71f0ba rgb(113,240,186)
```
#83f2c2
```
#83f2c2 rgb(131,242,194)
```
#95f4cb
```
#95f4cb rgb(149,244,203)
```
#a6f6d4
```
#a6f6d4 rgb(166,246,212)
```
#b8f8dc
```
#b8f8dc rgb(184,248,220)
```
#cafae5
```
#cafae5 rgb(202,250,229)
```
#dcfbee
```
#dcfbee rgb(220,251,238)
```
#eefdf6
```
#eefdf6 rgb(238,253,246)
```

Tint Color Variation

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

#848f8a
```
#848f8a rgb(132,143,138)
```
#7b988c
```
#7b988c rgb(123,152,140)
```
#72a18d
```
#72a18d rgb(114,161,141)
```
#69aa8e
```
#69aa8e rgb(105,170,142)
```
#60b38f
```
#60b38f rgb(96,179,143)
```
#57bc91
```
#57bc91 rgb(87,188,145)
```
#4ec592
```
#4ec592 rgb(78,197,146)
```
#45ce93
```
#45ce93 rgb(69,206,147)
```
#3cd794
```
#3cd794 rgb(60,215,148)
```
#33e096
```
#33e096 rgb(51,224,150)
```
#2ae997
```
#2ae997 rgb(42,233,151)
```
#21f298
```
#21f298 rgb(33,242,152)
```
#18fb9a
```
#18fb9a rgb(24,251,154)
```

Tone Color Variation

Below, you can see how #2ae997 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
#8eb4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcf91 Protanopia 1% of men
#f0c7a8 Deuteranopia 1% of men
#69dfef Tritanopia 0.001% of the population

Trichromacy

#9dd893 Protanomaly 1% of men, 0.01% of women
#a8d3a1 Deuteranomaly 6% of men, 0.4% of women
#52e3cf Tritanomaly 0.01% of the population

#2ae997 hex color

#2ae997 Color Information

#2ae997 Color Conversion

Color Schemes with #2ae997

Alternatives to #2ae997

#2ae997 Preview

Shades and Tints of #2ae997

Tones of #2ae997

Color Blindness Simulator