#2ae583 hex color

In a RGB color space, hex #2ae583 is composed of 16.5% red, 89.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 42.8% yellow and 10.2% black. It has a hue angle of 148.6 degrees, a saturation of 78.2% and a lightness of 53.1%. #2ae583 color hex could be obtained by blending #54ffff with #00cb07. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 90
- B 51
RGB color chart
- C 82
- M 0
- Y 43
- K 10
CMYK color chart

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

The hexadecimal color #2ae583 has RGB values of R:42, G:229, B:131 and CMYK values of C:0.82, M:0, Y:0.43, K:0.1. Its decimal value is 2811267.

Hex triplet	2ae583	`#2ae583`
RGB Decimal	42, 229, 131	`rgb(42,229,131)`
RGB Percent	16.5, 89.8, 51.4	`rgb(16.5%,89.8%,51.4%)`
CMYK	82, 0, 43, 10
HSL	148.6°, 78.2, 53.1	`hsl(148.6,78.2%,53.1%)`
HSV (or HSB)	148.6°, 81.7, 89.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.831, -65.711, 35.44
XYZ	33.068, 58.166, 30.956
xyY	0.271, 0.476, 58.166
CIE-LCH	80.831, 74.659, 151.66
CIE-LUV	80.831, -68.678, 58.827
Hunter-Lab	76.267, -56.071, 29.322
Binary	00101010, 11100101, 10000011

#2ae583
```
#2ae583 rgb(42,229,131)
```
#e52a8c
```
#e52a8c rgb(229,42,140)
```

Complementary Color

#2ee52a
```
#2ee52a rgb(46,229,42)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#2ae5e1
```
#2ae5e1 rgb(42,229,225)
```

Analogous Color

#e52a2e
```
#e52a2e rgb(229,42,46)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#e12ae5
```
#e12ae5 rgb(225,42,229)
```

Split Complementary Color

#e5832a
```
#e5832a rgb(229,131,42)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#832ae5
```
#832ae5 rgb(131,42,229)
```

Triadic Color

#8ce52a
```
#8ce52a rgb(140,229,42)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#832ae5
```
#832ae5 rgb(131,42,229)
```
#e52a8c
```
#e52a8c rgb(229,42,140)
```

Tetradic Color

#15ad5e
```
#15ad5e rgb(21,173,94)
```
#18c46a
```
#18c46a rgb(24,196,106)
```
#1bdb76
```
#1bdb76 rgb(27,219,118)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#41e890
```
#41e890 rgb(65,232,144)
```
#57eb9d
```
#57eb9d rgb(87,235,157)
```
#6eedab
```
#6eedab rgb(110,237,171)
```

Monochromatic Color

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

#2ae554
```
#2ae554 rgb(42,229,84)
```
#2ae564
```
#2ae564 rgb(42,229,100)
```
#2ae573
```
#2ae573 rgb(42,229,115)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#2ae593
```
#2ae593 rgb(42,229,147)
```
#2ae5a2
```
#2ae5a2 rgb(42,229,162)
```
#2ae5b2
```
#2ae5b2 rgb(42,229,178)
```

Similar Colors

Text with hexadecimal color #2ae583

This text has a font color of #2ae583.

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

#2ae583 background color

This paragraph has a background color of #2ae583.

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

#2ae583 border color

This element has a border color of #2ae583.

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

CSS codes

.text {color:#2ae583;}

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

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

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

#020e08
```
#020e08 rgb(2,14,8)
```
#042011
```
#042011 rgb(4,32,17)
```
#06311b
```
#06311b rgb(6,49,27)
```
#084324
```
#084324 rgb(8,67,36)
```
#0a542d
```
#0a542d rgb(10,84,45)
```
#0c6637
```
#0c6637 rgb(12,102,55)
```
#0f7740
```
#0f7740 rgb(15,119,64)
```
#11894a
```
#11894a rgb(17,137,74)
```
#139a53
```
#139a53 rgb(19,154,83)
```
#15ac5d
```
#15ac5d rgb(21,172,93)
```
#17bd66
```
#17bd66 rgb(23,189,102)
```
#19cf70
```
#19cf70 rgb(25,207,112)
```
#1be079
```
#1be079 rgb(27,224,121)
```

Shade Color Variation

#2ae583
```
#2ae583 rgb(42,229,131)
```
#3be78d
```
#3be78d rgb(59,231,141)
```
#4de997
```
#4de997 rgb(77,233,151)
```
#5eeba2
```
#5eeba2 rgb(94,235,162)
```
#70eeac
```
#70eeac rgb(112,238,172)
```
#81f0b6
```
#81f0b6 rgb(129,240,182)
```
#93f2c0
```
#93f2c0 rgb(147,242,192)
```
#a4f4ca
```
#a4f4ca rgb(164,244,202)
```
#b6f6d4
```
#b6f6d4 rgb(182,246,212)
```
#c7f8df
```
#c7f8df rgb(199,248,223)
```
#d9fae9
```
#d9fae9 rgb(217,250,233)
```
#eafcf3
```
#eafcf3 rgb(234,252,243)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#868987
```
#868987 rgb(134,137,135)
```
#7d9287
```
#7d9287 rgb(125,146,135)
```
#749b87
```
#749b87 rgb(116,155,135)
```
#6aa586
```
#6aa586 rgb(106,165,134)
```
#61ae86
```
#61ae86 rgb(97,174,134)
```
#58b785
```
#58b785 rgb(88,183,133)
```
#4fc085
```
#4fc085 rgb(79,192,133)
```
#46c984
```
#46c984 rgb(70,201,132)
```
#3cd384
```
#3cd384 rgb(60,211,132)
```
#33dc83
```
#33dc83 rgb(51,220,131)
```
#2ae583
```
#2ae583 rgb(42,229,131)
```
#21ee83
```
#21ee83 rgb(33,238,131)
```
#18f782
```
#18f782 rgb(24,247,130)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8aaf9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcb7f Protanopia 1% of men
#efc395 Deuteranopia 1% of men
#6cdaea Tritanopia 0.001% of the population

Trichromacy

#9cd480 Protanomaly 1% of men, 0.01% of women
#a7cf8e Deuteranomaly 6% of men, 0.4% of women
#54dec5 Tritanomaly 0.01% of the population

#2ae583 hex color

#2ae583 Color Information

#2ae583 Color Conversion

Color Schemes with #2ae583

Alternatives to #2ae583

#2ae583 Preview

Shades and Tints of #2ae583

Tones of #2ae583

Color Blindness Simulator