#2ae387 hex color

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

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

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

The hexadecimal color #2ae387 has RGB values of R:42, G:227, B:135 and CMYK values of C:0.81, M:0, Y:0.41, K:0.11. Its decimal value is 2810759.

Hex triplet	2ae387	`#2ae387`
RGB Decimal	42, 227, 135	`rgb(42,227,135)`
RGB Percent	16.5, 89, 52.9	`rgb(16.5%,89%,52.9%)`
CMYK	81, 0, 41, 11
HSL	150.2°, 76.8, 52.7	`hsl(150.2,76.8%,52.7%)`
HSV (or HSB)	150.2°, 81.5, 89
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.279, -64.303, 32.711
XYZ	32.795, 57.176, 32.228
xyY	0.268, 0.468, 57.176
CIE-LCH	80.279, 72.144, 153.038
CIE-LUV	80.279, -67.783, 55.273
Hunter-Lab	75.615, -54.91, 27.66
Binary	00101010, 11100011, 10000111

#2ae387
```
#2ae387 rgb(42,227,135)
```
#e32a86
```
#e32a86 rgb(227,42,134)
```

Complementary Color

#2ae32b
```
#2ae32b rgb(42,227,43)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#2ae3e3
```
#2ae3e3 rgb(42,227,227)
```

Analogous Color

#e32b2a
```
#e32b2a rgb(227,43,42)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#e32ae3
```
#e32ae3 rgb(227,42,227)
```

Split Complementary Color

#e3872a
```
#e3872a rgb(227,135,42)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#872ae3
```
#872ae3 rgb(135,42,227)
```

Triadic Color

#86e32a
```
#86e32a rgb(134,227,42)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#872ae3
```
#872ae3 rgb(135,42,227)
```
#e32a86
```
#e32a86 rgb(227,42,134)
```

Tetradic Color

#16aa61
```
#16aa61 rgb(22,170,97)
```
#19c16d
```
#19c16d rgb(25,193,109)
```
#1cd77a
```
#1cd77a rgb(28,215,122)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#41e694
```
#41e694 rgb(65,230,148)
```
#57e9a0
```
#57e9a0 rgb(87,233,160)
```
#6eecad
```
#6eecad rgb(110,236,173)
```

Monochromatic Color

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

#2ae359
```
#2ae359 rgb(42,227,89)
```
#2ae368
```
#2ae368 rgb(42,227,104)
```
#2ae378
```
#2ae378 rgb(42,227,120)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#2ae396
```
#2ae396 rgb(42,227,150)
```
#2ae3a6
```
#2ae3a6 rgb(42,227,166)
```
#2ae3b5
```
#2ae3b5 rgb(42,227,181)
```

Similar Colors

Text with hexadecimal color #2ae387

This text has a font color of #2ae387.

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

#2ae387 background color

This paragraph has a background color of #2ae387.

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

#2ae387 border color

This element has a border color of #2ae387.

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

CSS codes

.text {color:#2ae387;}

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

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

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

#020c07
```
#020c07 rgb(2,12,7)
```
#041e11
```
#041e11 rgb(4,30,17)
```
#062f1b
```
#062f1b rgb(6,47,27)
```
#084025
```
#084025 rgb(8,64,37)
```
#0b522e
```
#0b522e rgb(11,82,46)
```
#0d6338
```
#0d6338 rgb(13,99,56)
```
#0f7442
```
#0f7442 rgb(15,116,66)
```
#12864c
```
#12864c rgb(18,134,76)
```
#149756
```
#149756 rgb(20,151,86)
```
#16a860
```
#16a860 rgb(22,168,96)
```
#18ba6a
```
#18ba6a rgb(24,186,106)
```
#1bcb73
```
#1bcb73 rgb(27,203,115)
```
#1ddc7d
```
#1ddc7d rgb(29,220,125)
```

Shade Color Variation

#2ae387
```
#2ae387 rgb(42,227,135)
```
#3be591
```
#3be591 rgb(59,229,145)
```
#4de89b
```
#4de89b rgb(77,232,155)
```
#5eeaa4
```
#5eeaa4 rgb(94,234,164)
```
#6fecae
```
#6fecae rgb(111,236,174)
```
#81eeb8
```
#81eeb8 rgb(129,238,184)
```
#92f1c2
```
#92f1c2 rgb(146,241,194)
```
#a3f3cb
```
#a3f3cb rgb(163,243,203)
```
#b5f5d5
```
#b5f5d5 rgb(181,245,213)
```
#c6f8df
```
#c6f8df rgb(198,248,223)
```
#d7fae9
```
#d7fae9 rgb(215,250,233)
```
#e9fcf2
```
#e9fcf2 rgb(233,252,242)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#7d9087
```
#7d9087 rgb(125,144,135)
```
#749987
```
#749987 rgb(116,153,135)
```
#6ba287
```
#6ba287 rgb(107,162,135)
```
#62ab87
```
#62ab87 rgb(98,171,135)
```
#58b587
```
#58b587 rgb(88,181,135)
```
#4fbe87
```
#4fbe87 rgb(79,190,135)
```
#46c787
```
#46c787 rgb(70,199,135)
```
#3dd087
```
#3dd087 rgb(61,208,135)
```
#33da87
```
#33da87 rgb(51,218,135)
```
#2ae387
```
#2ae387 rgb(42,227,135)
```
#21ec87
```
#21ec87 rgb(33,236,135)
```
#17f687
```
#17f687 rgb(23,246,135)
```
#0eff87
```
#0eff87 rgb(14,255,135)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#89ae9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc983 Protanopia 1% of men
#edc299 Deuteranopia 1% of men
#6ad9e9 Tritanopia 0.001% of the population

Trichromacy

#9ad384 Protanomaly 1% of men, 0.01% of women
#a6ce92 Deuteranomaly 6% of men, 0.4% of women
#52dcc5 Tritanomaly 0.01% of the population

#2ae387 hex color

#2ae387 Color Information

#2ae387 Color Conversion

Color Schemes with #2ae387

Alternatives to #2ae387

#2ae387 Preview

Shades and Tints of #2ae387

Tones of #2ae387

Color Blindness Simulator