#2ae356 hex color

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

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

● #2ae356 color description : Bright lime green.

The hexadecimal color #2ae356 has RGB values of R:42, G:227, B:86 and CMYK values of C:0.81, M:0, Y:0.62, K:0.11. Its decimal value is 2810710.

Hex triplet	2ae356	`#2ae356`
RGB Decimal	42, 227, 86	`rgb(42,227,86)`
RGB Percent	16.5, 89, 33.7	`rgb(16.5%,89%,33.7%)`
CMYK	81, 0, 62, 11
HSL	134.3°, 76.8, 52.7	`hsl(134.3,76.8%,52.7%)`
HSV (or HSB)	134.3°, 81.5, 89
Web Safe	33cc66	`#33cc66`

CIE-LAB	79.67, -71.555, 55.091
XYZ	30.102, 56.099, 18.045
xyY	0.289, 0.538, 56.099
CIE-LCH	79.67, 90.305, 142.407
CIE-LUV	79.67, -70.192, 79.818
Hunter-Lab	74.899, -59.335, 38.145
Binary	00101010, 11100011, 01010110

#2ae356
```
#2ae356 rgb(42,227,86)
```
#e32ab7
```
#e32ab7 rgb(227,42,183)
```

Complementary Color

#5be32a
```
#5be32a rgb(91,227,42)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#2ae3b3
```
#2ae3b3 rgb(42,227,179)
```

Analogous Color

#e32a5b
```
#e32a5b rgb(227,42,91)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#b32ae3
```
#b32ae3 rgb(179,42,227)
```

Split Complementary Color

#e3562a
```
#e3562a rgb(227,86,42)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#562ae3
```
#562ae3 rgb(86,42,227)
```

Triadic Color

#b7e32a
```
#b7e32a rgb(183,227,42)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#562ae3
```
#562ae3 rgb(86,42,227)
```
#e32ab7
```
#e32ab7 rgb(227,42,183)
```

Tetradic Color

#16aa3a
```
#16aa3a rgb(22,170,58)
```
#19c141
```
#19c141 rgb(25,193,65)
```
#1cd749
```
#1cd749 rgb(28,215,73)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#41e668
```
#41e668 rgb(65,230,104)
```
#57e97a
```
#57e97a rgb(87,233,122)
```
#6eec8c
```
#6eec8c rgb(110,236,140)
```

Monochromatic Color

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

#2ce32a
```
#2ce32a rgb(44,227,42)
```
#2ae337
```
#2ae337 rgb(42,227,55)
```
#2ae347
```
#2ae347 rgb(42,227,71)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#2ae365
```
#2ae365 rgb(42,227,101)
```
#2ae375
```
#2ae375 rgb(42,227,117)
```
#2ae384
```
#2ae384 rgb(42,227,132)
```

Similar Colors

Text with hexadecimal color #2ae356

This text has a font color of #2ae356.

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

#2ae356 background color

This paragraph has a background color of #2ae356.

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

#2ae356 border color

This element has a border color of #2ae356.

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

CSS codes

.text {color:#2ae356;}

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

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

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)
```
#062f10
```
#062f10 rgb(6,47,16)
```
#084016
```
#084016 rgb(8,64,22)
```
#0b521c
```
#0b521c rgb(11,82,28)
```
#0d6321
```
#0d6321 rgb(13,99,33)
```
#0f7427
```
#0f7427 rgb(15,116,39)
```
#12862d
```
#12862d rgb(18,134,45)
```
#149733
```
#149733 rgb(20,151,51)
```
#16a839
```
#16a839 rgb(22,168,57)
```
#18ba3f
```
#18ba3f rgb(24,186,63)
```
#1bcb45
```
#1bcb45 rgb(27,203,69)
```
#1ddc4b
```
#1ddc4b rgb(29,220,75)
```

Shade Color Variation

#2ae356
```
#2ae356 rgb(42,227,86)
```
#3be564
```
#3be564 rgb(59,229,100)
```
#4de872
```
#4de872 rgb(77,232,114)
```
#5eea7f
```
#5eea7f rgb(94,234,127)
```
#6fec8d
```
#6fec8d rgb(111,236,141)
```
#81ee9b
```
#81ee9b rgb(129,238,155)
```
#92f1a9
```
#92f1a9 rgb(146,241,169)
```
#a3f3b6
```
#a3f3b6 rgb(163,243,182)
```
#b5f5c4
```
#b5f5c4 rgb(181,245,196)
```
#c6f8d2
```
#c6f8d2 rgb(198,248,210)
```
#d7fae0
```
#d7fae0 rgb(215,250,224)
```
#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 #0eff47 is the most saturated one.

#7d9082
```
#7d9082 rgb(125,144,130)
```
#74997d
```
#74997d rgb(116,153,125)
```
#6ba278
```
#6ba278 rgb(107,162,120)
```
#62ab73
```
#62ab73 rgb(98,171,115)
```
#58b56e
```
#58b56e rgb(88,181,110)
```
#4fbe69
```
#4fbe69 rgb(79,190,105)
```
#46c765
```
#46c765 rgb(70,199,101)
```
#3dd060
```
#3dd060 rgb(61,208,96)
```
#33da5b
```
#33da5b rgb(51,218,91)
```
#2ae356
```
#2ae356 rgb(42,227,86)
```
#21ec51
```
#21ec51 rgb(33,236,81)
```
#17f64c
```
#17f64c rgb(23,246,76)
```
#0eff47
```
#0eff47 rgb(14,255,71)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#85aa8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec856 Protanopia 1% of men
#f3bf6d Deuteranopia 1% of men
#71d6e6 Tritanopia 0.001% of the population

Trichromacy

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

#2ae356 hex color

#2ae356 Color Information

#2ae356 Color Conversion

Color Schemes with #2ae356

Alternatives to #2ae356

#2ae356 Preview

Shades and Tints of #2ae356

Tones of #2ae356

Color Blindness Simulator