#2ae396 hex color

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

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

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

The hexadecimal color #2ae396 has RGB values of R:42, G:227, B:150 and CMYK values of C:0.81, M:0, Y:0.34, K:0.11. Its decimal value is 2810774.

Hex triplet	2ae396	`#2ae396`
RGB Decimal	42, 227, 150	`rgb(42,227,150)`
RGB Percent	16.5, 89, 58.8	`rgb(16.5%,89%,58.8%)`
CMYK	81, 0, 34, 11
HSL	155°, 76.8, 52.7	`hsl(155,76.8%,52.7%)`
HSV (or HSB)	155°, 81.5, 89
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.532, -61.407, 25.391
XYZ	33.926, 57.629, 38.188
xyY	0.261, 0.444, 57.629
CIE-LCH	80.532, 66.449, 157.535
CIE-LUV	80.532, -66.862, 45.757
Hunter-Lab	75.914, -53.076, 23.314
Binary	00101010, 11100011, 10010110

#2ae396
```
#2ae396 rgb(42,227,150)
```
#e32a77
```
#e32a77 rgb(227,42,119)
```

Complementary Color

#2ae33a
```
#2ae33a rgb(42,227,58)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#2ad4e3
```
#2ad4e3 rgb(42,212,227)
```

Analogous Color

#e33a2a
```
#e33a2a rgb(227,58,42)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#e32ad4
```
#e32ad4 rgb(227,42,212)
```

Split Complementary Color

#e3962a
```
#e3962a rgb(227,150,42)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#962ae3
```
#962ae3 rgb(150,42,227)
```

Triadic Color

#77e32a
```
#77e32a rgb(119,227,42)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#962ae3
```
#962ae3 rgb(150,42,227)
```
#e32a77
```
#e32a77 rgb(227,42,119)
```

Tetradic Color

#16aa6d
```
#16aa6d rgb(22,170,109)
```
#19c17b
```
#19c17b rgb(25,193,123)
```
#1cd789
```
#1cd789 rgb(28,215,137)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#41e6a1
```
#41e6a1 rgb(65,230,161)
```
#57e9ac
```
#57e9ac rgb(87,233,172)
```
#6eecb7
```
#6eecb7 rgb(110,236,183)
```

Monochromatic Color

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

#2ae368
```
#2ae368 rgb(42,227,104)
```
#2ae377
```
#2ae377 rgb(42,227,119)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#2ae3a5
```
#2ae3a5 rgb(42,227,165)
```
#2ae3b5
```
#2ae3b5 rgb(42,227,181)
```
#2ae3c4
```
#2ae3c4 rgb(42,227,196)
```

Similar Colors

Text with hexadecimal color #2ae396

This text has a font color of #2ae396.

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

#2ae396 background color

This paragraph has a background color of #2ae396.

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

#2ae396 border color

This element has a border color of #2ae396.

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

CSS codes

.text {color:#2ae396;}

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

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

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

#020c08
```
#020c08 rgb(2,12,8)
```
#041e13
```
#041e13 rgb(4,30,19)
```
#062f1e
```
#062f1e rgb(6,47,30)
```
#084029
```
#084029 rgb(8,64,41)
```
#0b5234
```
#0b5234 rgb(11,82,52)
```
#0d633f
```
#0d633f rgb(13,99,63)
```
#0f744a
```
#0f744a rgb(15,116,74)
```
#128655
```
#128655 rgb(18,134,85)
```
#149760
```
#149760 rgb(20,151,96)
```
#16a86c
```
#16a86c rgb(22,168,108)
```
#18ba77
```
#18ba77 rgb(24,186,119)
```
#1bcb82
```
#1bcb82 rgb(27,203,130)
```
#1ddc8d
```
#1ddc8d rgb(29,220,141)
```

Shade Color Variation

#2ae396
```
#2ae396 rgb(42,227,150)
```
#3be59f
```
#3be59f rgb(59,229,159)
```
#4de8a7
```
#4de8a7 rgb(77,232,167)
```
#5eeab0
```
#5eeab0 rgb(94,234,176)
```
#6fecb8
```
#6fecb8 rgb(111,236,184)
```
#81eec1
```
#81eec1 rgb(129,238,193)
```
#92f1c9
```
#92f1c9 rgb(146,241,201)
```
#a3f3d2
```
#a3f3d2 rgb(163,243,210)
```
#b5f5da
```
#b5f5da rgb(181,245,218)
```
#c6f8e3
```
#c6f8e3 rgb(198,248,227)
```
#d7faeb
```
#d7faeb rgb(215,250,235)
```
#e9fcf4
```
#e9fcf4 rgb(233,252,244)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#7d9088
```
#7d9088 rgb(125,144,136)
```
#74998a
```
#74998a rgb(116,153,138)
```
#6ba28b
```
#6ba28b rgb(107,162,139)
```
#62ab8d
```
#62ab8d rgb(98,171,141)
```
#58b58e
```
#58b58e rgb(88,181,142)
```
#4fbe90
```
#4fbe90 rgb(79,190,144)
```
#46c791
```
#46c791 rgb(70,199,145)
```
#3dd093
```
#3dd093 rgb(61,208,147)
```
#33da94
```
#33da94 rgb(51,218,148)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#21ec98
```
#21ec98 rgb(33,236,152)
```
#17f699
```
#17f699 rgb(23,246,153)
```
#0eff9b
```
#0eff9b rgb(14,255,155)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8bb0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca90 Protanopia 1% of men
#eac3a6 Deuteranopia 1% of men
#66daea Tritanopia 0.001% of the population

Trichromacy

#9ad392 Protanomaly 1% of men, 0.01% of women
#a4cea0 Deuteranomaly 6% of men, 0.4% of women
#50ddcb Tritanomaly 0.01% of the population

#2ae396 hex color

#2ae396 Color Information

#2ae396 Color Conversion

Color Schemes with #2ae396

Alternatives to #2ae396

#2ae396 Preview

Shades and Tints of #2ae396

Tones of #2ae396

Color Blindness Simulator