#2ae083 hex color

In a RGB color space, hex #2ae083 is composed of 16.5% red, 87.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 41.5% yellow and 12.2% black. It has a hue angle of 149.3 degrees, a saturation of 74.6% and a lightness of 52.2%. #2ae083 color hex could be obtained by blending #54ffff with #00c107. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 88
- B 51
RGB color chart
- C 81
- M 0
- Y 42
- K 12
CMYK color chart

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

The hexadecimal color #2ae083 has RGB values of R:42, G:224, B:131 and CMYK values of C:0.81, M:0, Y:0.42, K:0.12. Its decimal value is 2809987.

Hex triplet	2ae083	`#2ae083`
RGB Decimal	42, 224, 131	`rgb(42,224,131)`
RGB Percent	16.5, 87.8, 51.4	`rgb(16.5%,87.8%,51.4%)`
CMYK	81, 0, 42, 12
HSL	149.3°, 74.6, 52.2	`hsl(149.3,74.6%,52.2%)`
HSV (or HSB)	149.3°, 81.3, 87.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.293, -63.985, 33.436
XYZ	31.705, 55.439, 30.501
xyY	0.269, 0.471, 55.439
CIE-LCH	79.293, 72.194, 152.41
CIE-LUV	79.293, -67.019, 55.91
Hunter-Lab	74.457, -54.293, 27.832
Binary	00101010, 11100000, 10000011

#2ae083
```
#2ae083 rgb(42,224,131)
```
#e02a87
```
#e02a87 rgb(224,42,135)
```

Complementary Color

#2ce02a
```
#2ce02a rgb(44,224,42)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#2ae0de
```
#2ae0de rgb(42,224,222)
```

Analogous Color

#e02a2c
```
#e02a2c rgb(224,42,44)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#de2ae0
```
#de2ae0 rgb(222,42,224)
```

Split Complementary Color

#e0832a
```
#e0832a rgb(224,131,42)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#832ae0
```
#832ae0 rgb(131,42,224)
```

Triadic Color

#87e02a
```
#87e02a rgb(135,224,42)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#832ae0
```
#832ae0 rgb(131,42,224)
```
#e02a87
```
#e02a87 rgb(224,42,135)
```

Tetradic Color

#18a55d
```
#18a55d rgb(24,165,93)
```
#1bbc6a
```
#1bbc6a rgb(27,188,106)
```
#1fd276
```
#1fd276 rgb(31,210,118)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#40e390
```
#40e390 rgb(64,227,144)
```
#57e69d
```
#57e69d rgb(87,230,157)
```
#6deaaa
```
#6deaaa rgb(109,234,170)
```

Monochromatic Color

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

#2ae056
```
#2ae056 rgb(42,224,86)
```
#2ae065
```
#2ae065 rgb(42,224,101)
```
#2ae074
```
#2ae074 rgb(42,224,116)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#2ae092
```
#2ae092 rgb(42,224,146)
```
#2ae0a1
```
#2ae0a1 rgb(42,224,161)
```
#2ae0b1
```
#2ae0b1 rgb(42,224,177)
```

Similar Colors

Text with hexadecimal color #2ae083

This text has a font color of #2ae083.

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

#2ae083 background color

This paragraph has a background color of #2ae083.

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

#2ae083 border color

This element has a border color of #2ae083.

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

CSS codes

.text {color:#2ae083;}

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

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

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, #010a05 is the darkest color, while #f7fefb is the lightest one.

#010a05
```
#010a05 rgb(1,10,5)
```
#041b0f
```
#041b0f rgb(4,27,15)
```
#062c19
```
#062c19 rgb(6,44,25)
```
#093d22
```
#093d22 rgb(9,61,34)
```
#0b4e2c
```
#0b4e2c rgb(11,78,44)
```
#0e5f36
```
#0e5f36 rgb(14,95,54)
```
#10703f
```
#10703f rgb(16,112,63)
```
#138149
```
#138149 rgb(19,129,73)
```
#159353
```
#159353 rgb(21,147,83)
```
#18a45c
```
#18a45c rgb(24,164,92)
```
#1ab566
```
#1ab566 rgb(26,181,102)
```
#1dc670
```
#1dc670 rgb(29,198,112)
```
#1fd779
```
#1fd779 rgb(31,215,121)
```

Shade Color Variation

#2ae083
```
#2ae083 rgb(42,224,131)
```
#3be28d
```
#3be28d rgb(59,226,141)
```
#4ce597
```
#4ce597 rgb(76,229,151)
```
#5de7a1
```
#5de7a1 rgb(93,231,161)
```
#6eeaab
```
#6eeaab rgb(110,234,171)
```
#80ecb5
```
#80ecb5 rgb(128,236,181)
```
#91efbf
```
#91efbf rgb(145,239,191)
```
#a2f1c9
```
#a2f1c9 rgb(162,241,201)
```
#b3f4d3
```
#b3f4d3 rgb(179,244,211)
```
#c4f6dd
```
#c4f6dd rgb(196,246,221)
```
#d5f9e7
```
#d5f9e7 rgb(213,249,231)
```
#e6fbf1
```
#e6fbf1 rgb(230,251,241)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#7e8c85
```
#7e8c85 rgb(126,140,133)
```
#759585
```
#759585 rgb(117,149,133)
```
#6c9e84
```
#6c9e84 rgb(108,158,132)
```
#62a884
```
#62a884 rgb(98,168,132)
```
#59b184
```
#59b184 rgb(89,177,132)
```
#50ba84
```
#50ba84 rgb(80,186,132)
```
#46c484
```
#46c484 rgb(70,196,132)
```
#3dcd83
```
#3dcd83 rgb(61,205,131)
```
#33d783
```
#33d783 rgb(51,215,131)
```
#2ae083
```
#2ae083 rgb(42,224,131)
```
#21e983
```
#21e983 rgb(33,233,131)
```
#17f383
```
#17f383 rgb(23,243,131)
```
#0efc82
```
#0efc82 rgb(14,252,130)
```

Tone Color Variation

Below, you can see how #2ae083 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
#88ac99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c77f Protanopia 1% of men
#eabf95 Deuteranopia 1% of men
#69d6e6 Tritanopia 0.001% of the population

Trichromacy

#99d080 Protanomaly 1% of men, 0.01% of women
#a4cb8e Deuteranomaly 6% of men, 0.4% of women
#52d9c2 Tritanomaly 0.01% of the population

#2ae083 hex color

#2ae083 Color Information

#2ae083 Color Conversion

Color Schemes with #2ae083

Alternatives to #2ae083

#2ae083 Preview

Shades and Tints of #2ae083

Tones of #2ae083

Color Blindness Simulator