#2ae354 hex color

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

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

● #2ae354 color description : Bright lime green.

The hexadecimal color #2ae354 has RGB values of R:42, G:227, B:84 and CMYK values of C:0.81, M:0, Y:0.63, K:0.11. Its decimal value is 2810708.

Hex triplet	2ae354	`#2ae354`
RGB Decimal	42, 227, 84	`rgb(42,227,84)`
RGB Percent	16.5, 89, 32.9	`rgb(16.5%,89%,32.9%)`
CMYK	81, 0, 63, 11
HSL	133.6°, 76.8, 52.7	`hsl(133.6,76.8%,52.7%)`
HSV (or HSB)	133.6°, 81.5, 89
Web Safe	33cc66	`#33cc66`

CIE-LAB	79.652, -71.777, 55.915
XYZ	30.022, 56.067, 17.627
xyY	0.289, 0.541, 56.067
CIE-LCH	79.652, 90.986, 142.081
CIE-LUV	79.652, -70.268, 80.587
Hunter-Lab	74.878, -59.467, 38.457
Binary	00101010, 11100011, 01010100

#2ae354
```
#2ae354 rgb(42,227,84)
```
#e32ab9
```
#e32ab9 rgb(227,42,185)
```

Complementary Color

#5de32a
```
#5de32a rgb(93,227,42)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#2ae3b1
```
#2ae3b1 rgb(42,227,177)
```

Analogous Color

#e32a5d
```
#e32a5d rgb(227,42,93)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#b12ae3
```
#b12ae3 rgb(177,42,227)
```

Split Complementary Color

#e3542a
```
#e3542a rgb(227,84,42)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#542ae3
```
#542ae3 rgb(84,42,227)
```

Triadic Color

#b9e32a
```
#b9e32a rgb(185,227,42)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#542ae3
```
#542ae3 rgb(84,42,227)
```
#e32ab9
```
#e32ab9 rgb(227,42,185)
```

Tetradic Color

#16aa38
```
#16aa38 rgb(22,170,56)
```
#19c13f
```
#19c13f rgb(25,193,63)
```
#1cd747
```
#1cd747 rgb(28,215,71)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#41e666
```
#41e666 rgb(65,230,102)
```
#57e978
```
#57e978 rgb(87,233,120)
```
#6eec8a
```
#6eec8a rgb(110,236,138)
```

Monochromatic Color

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

#2ee32a
```
#2ee32a rgb(46,227,42)
```
#2ae335
```
#2ae335 rgb(42,227,53)
```
#2ae345
```
#2ae345 rgb(42,227,69)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#2ae363
```
#2ae363 rgb(42,227,99)
```
#2ae373
```
#2ae373 rgb(42,227,115)
```
#2ae382
```
#2ae382 rgb(42,227,130)
```

Similar Colors

Text with hexadecimal color #2ae354

This text has a font color of #2ae354.

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

#2ae354 background color

This paragraph has a background color of #2ae354.

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

#2ae354 border color

This element has a border color of #2ae354.

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

CSS codes

.text {color:#2ae354;}

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

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

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

#020c04
```
#020c04 rgb(2,12,4)
```
#041e0a
```
#041e0a rgb(4,30,10)
```
#062f0f
```
#062f0f rgb(6,47,15)
```
#084015
```
#084015 rgb(8,64,21)
```
#0b521b
```
#0b521b rgb(11,82,27)
```
#0d6321
```
#0d6321 rgb(13,99,33)
```
#0f7426
```
#0f7426 rgb(15,116,38)
```
#12862c
```
#12862c rgb(18,134,44)
```
#149732
```
#149732 rgb(20,151,50)
```
#16a837
```
#16a837 rgb(22,168,55)
```
#18ba3d
```
#18ba3d rgb(24,186,61)
```
#1bcb43
```
#1bcb43 rgb(27,203,67)
```
#1ddc48
```
#1ddc48 rgb(29,220,72)
```

Shade Color Variation

#2ae354
```
#2ae354 rgb(42,227,84)
```
#3be562
```
#3be562 rgb(59,229,98)
```
#4de870
```
#4de870 rgb(77,232,112)
```
#5eea7e
```
#5eea7e rgb(94,234,126)
```
#6fec8c
```
#6fec8c rgb(111,236,140)
```
#81ee9a
```
#81ee9a rgb(129,238,154)
```
#92f1a8
```
#92f1a8 rgb(146,241,168)
```
#a3f3b5
```
#a3f3b5 rgb(163,243,181)
```
#b5f5c3
```
#b5f5c3 rgb(181,245,195)
```
#c6f8d1
```
#c6f8d1 rgb(198,248,209)
```
#d7fadf
```
#d7fadf rgb(215,250,223)
```
#e9fced
```
#e9fced rgb(233,252,237)
```
#fafefb
```
#fafefb rgb(250,254,251)
```

Tint Color Variation

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

#7d9082
```
#7d9082 rgb(125,144,130)
```
#74997c
```
#74997c rgb(116,153,124)
```
#6ba277
```
#6ba277 rgb(107,162,119)
```
#62ab72
```
#62ab72 rgb(98,171,114)
```
#58b56d
```
#58b56d rgb(88,181,109)
```
#4fbe68
```
#4fbe68 rgb(79,190,104)
```
#46c763
```
#46c763 rgb(70,199,99)
```
#3dd05e
```
#3dd05e rgb(61,208,94)
```
#33da59
```
#33da59 rgb(51,218,89)
```
#2ae354
```
#2ae354 rgb(42,227,84)
```
#21ec4f
```
#21ec4f rgb(33,236,79)
```
#17f64a
```
#17f64a rgb(23,246,74)
```
#0eff45
```
#0eff45 rgb(14,255,69)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#84a98d Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec854 Protanopia 1% of men
#f4bf6b Deuteranopia 1% of men
#72d6e6 Tritanopia 0.001% of the population

Trichromacy

#9cd254 Protanomaly 1% of men, 0.01% of women
#aacc63 Deuteranomaly 6% of men, 0.4% of women
#57dbb1 Tritanomaly 0.01% of the population

#2ae354 hex color

#2ae354 Color Information

#2ae354 Color Conversion

Color Schemes with #2ae354

Alternatives to #2ae354

#2ae354 Preview

Shades and Tints of #2ae354

Tones of #2ae354

Color Blindness Simulator