#2ae376 hex color

In a RGB color space, hex #2ae376 is composed of 16.5% red, 89% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 48% yellow and 11% black. It has a hue angle of 144.6 degrees, a saturation of 76.8% and a lightness of 52.7%. #2ae376 color hex could be obtained by blending #54ffec with #00c700. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2ae376 has RGB values of R:42, G:227, B:118 and CMYK values of C:0.81, M:0, Y:0.48, K:0.11. Its decimal value is 2810742.

Hex triplet	2ae376	`#2ae376`
RGB Decimal	42, 227, 118	`rgb(42,227,118)`
RGB Percent	16.5, 89, 46.3	`rgb(16.5%,89%,46.3%)`
CMYK	81, 0, 48, 11
HSL	144.6°, 76.8, 52.7	`hsl(144.6,76.8%,52.7%)`
HSV (or HSB)	144.6°, 81.5, 89
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.03, -67.209, 40.826
XYZ	31.692, 56.735, 26.419
xyY	0.276, 0.494, 56.735
CIE-LCH	80.03, 78.637, 148.723
CIE-LUV	80.03, -68.731, 64.986
Hunter-Lab	75.323, -56.711, 31.93
Binary	00101010, 11100011, 01110110

#2ae376
```
#2ae376 rgb(42,227,118)
```
#e32a97
```
#e32a97 rgb(227,42,151)
```

Complementary Color

#3be32a
```
#3be32a rgb(59,227,42)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#2ae3d3
```
#2ae3d3 rgb(42,227,211)
```

Analogous Color

#e32a3b
```
#e32a3b rgb(227,42,59)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#d32ae3
```
#d32ae3 rgb(211,42,227)
```

Split Complementary Color

#e3762a
```
#e3762a rgb(227,118,42)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#762ae3
```
#762ae3 rgb(118,42,227)
```

Triadic Color

#97e32a
```
#97e32a rgb(151,227,42)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#762ae3
```
#762ae3 rgb(118,42,227)
```
#e32a97
```
#e32a97 rgb(227,42,151)
```

Tetradic Color

#16aa53
```
#16aa53 rgb(22,170,83)
```
#19c15e
```
#19c15e rgb(25,193,94)
```
#1cd769
```
#1cd769 rgb(28,215,105)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#41e684
```
#41e684 rgb(65,230,132)
```
#57e993
```
#57e993 rgb(87,233,147)
```
#6eeca1
```
#6eeca1 rgb(110,236,161)
```

Monochromatic Color

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

#2ae348
```
#2ae348 rgb(42,227,72)
```
#2ae357
```
#2ae357 rgb(42,227,87)
```
#2ae367
```
#2ae367 rgb(42,227,103)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#2ae385
```
#2ae385 rgb(42,227,133)
```
#2ae395
```
#2ae395 rgb(42,227,149)
```
#2ae3a4
```
#2ae3a4 rgb(42,227,164)
```

Similar Colors

Text with hexadecimal color #2ae376

This text has a font color of #2ae376.

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

#2ae376 background color

This paragraph has a background color of #2ae376.

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

#2ae376 border color

This element has a border color of #2ae376.

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

CSS codes

.text {color:#2ae376;}

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

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

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

#020c06
```
#020c06 rgb(2,12,6)
```
#041e0f
```
#041e0f rgb(4,30,15)
```
#062f17
```
#062f17 rgb(6,47,23)
```
#08401f
```
#08401f rgb(8,64,31)
```
#0b5228
```
#0b5228 rgb(11,82,40)
```
#0d6330
```
#0d6330 rgb(13,99,48)
```
#0f7439
```
#0f7439 rgb(15,116,57)
```
#128641
```
#128641 rgb(18,134,65)
```
#14974a
```
#14974a rgb(20,151,74)
```
#16a852
```
#16a852 rgb(22,168,82)
```
#18ba5b
```
#18ba5b rgb(24,186,91)
```
#1bcb63
```
#1bcb63 rgb(27,203,99)
```
#1ddc6c
```
#1ddc6c rgb(29,220,108)
```

Shade Color Variation

#2ae376
```
#2ae376 rgb(42,227,118)
```
#3be581
```
#3be581 rgb(59,229,129)
```
#4de88c
```
#4de88c rgb(77,232,140)
```
#5eea97
```
#5eea97 rgb(94,234,151)
```
#6feca3
```
#6feca3 rgb(111,236,163)
```
#81eeae
```
#81eeae rgb(129,238,174)
```
#92f1b9
```
#92f1b9 rgb(146,241,185)
```
#a3f3c4
```
#a3f3c4 rgb(163,243,196)
```
#b5f5cf
```
#b5f5cf rgb(181,245,207)
```
#c6f8da
```
#c6f8da rgb(198,248,218)
```
#d7fae6
```
#d7fae6 rgb(215,250,230)
```
#e9fcf1
```
#e9fcf1 rgb(233,252,241)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#7d9085
```
#7d9085 rgb(125,144,133)
```
#749983
```
#749983 rgb(116,153,131)
```
#6ba282
```
#6ba282 rgb(107,162,130)
```
#62ab80
```
#62ab80 rgb(98,171,128)
```
#58b57e
```
#58b57e rgb(88,181,126)
```
#4fbe7d
```
#4fbe7d rgb(79,190,125)
```
#46c77b
```
#46c77b rgb(70,199,123)
```
#3dd079
```
#3dd079 rgb(61,208,121)
```
#33da78
```
#33da78 rgb(51,218,120)
```
#2ae376
```
#2ae376 rgb(42,227,118)
```
#21ec74
```
#21ec74 rgb(33,236,116)
```
#17f673
```
#17f673 rgb(23,246,115)
```
#0eff71
```
#0eff71 rgb(14,255,113)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88ad97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc973 Protanopia 1% of men
#efc189 Deuteranopia 1% of men
#6dd8e8 Tritanopia 0.001% of the population

Trichromacy

#9bd274 Protanomaly 1% of men, 0.01% of women
#a7cd82 Deuteranomaly 6% of men, 0.4% of women
#54dcbe Tritanomaly 0.01% of the population

#2ae376 hex color

#2ae376 Color Information

#2ae376 Color Conversion

Color Schemes with #2ae376

Alternatives to #2ae376

#2ae376 Preview

Shades and Tints of #2ae376

Tones of #2ae376

Color Blindness Simulator