#2ae36a hex color

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

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

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

The hexadecimal color #2ae36a has RGB values of R:42, G:227, B:106 and CMYK values of C:0.81, M:0, Y:0.53, K:0.11. Its decimal value is 2810730.

Hex triplet	2ae36a	`#2ae36a`
RGB Decimal	42, 227, 106	`rgb(42,227,106)`
RGB Percent	16.5, 89, 41.6	`rgb(16.5%,89%,41.6%)`
CMYK	81, 0, 53, 11
HSL	140.8°, 76.8, 52.7	`hsl(140.8,76.8%,52.7%)`
HSV (or HSB)	140.8°, 81.5, 89
Web Safe	33cc66	`#33cc66`

CIE-LAB	79.879, -69.012, 46.372
XYZ	31.023, 56.468, 22.899
xyY	0.281, 0.512, 56.468
CIE-LCH	79.879, 83.145, 146.101
CIE-LUV	79.879, -69.331, 71.096
Hunter-Lab	75.145, -57.811, 34.534
Binary	00101010, 11100011, 01101010

#2ae36a
```
#2ae36a rgb(42,227,106)
```
#e32aa3
```
#e32aa3 rgb(227,42,163)
```

Complementary Color

#47e32a
```
#47e32a rgb(71,227,42)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#2ae3c7
```
#2ae3c7 rgb(42,227,199)
```

Analogous Color

#e32a47
```
#e32a47 rgb(227,42,71)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#c72ae3
```
#c72ae3 rgb(199,42,227)
```

Split Complementary Color

#e36a2a
```
#e36a2a rgb(227,106,42)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#6a2ae3
```
#6a2ae3 rgb(106,42,227)
```

Triadic Color

#a3e32a
```
#a3e32a rgb(163,227,42)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#6a2ae3
```
#6a2ae3 rgb(106,42,227)
```
#e32aa3
```
#e32aa3 rgb(227,42,163)
```

Tetradic Color

#16aa49
```
#16aa49 rgb(22,170,73)
```
#19c153
```
#19c153 rgb(25,193,83)
```
#1cd75d
```
#1cd75d rgb(28,215,93)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#41e67a
```
#41e67a rgb(65,230,122)
```
#57e98a
```
#57e98a rgb(87,233,138)
```
#6eec99
```
#6eec99 rgb(110,236,153)
```

Monochromatic Color

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

#2ae33c
```
#2ae33c rgb(42,227,60)
```
#2ae34b
```
#2ae34b rgb(42,227,75)
```
#2ae35b
```
#2ae35b rgb(42,227,91)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#2ae379
```
#2ae379 rgb(42,227,121)
```
#2ae389
```
#2ae389 rgb(42,227,137)
```
#2ae398
```
#2ae398 rgb(42,227,152)
```

Similar Colors

Text with hexadecimal color #2ae36a

This text has a font color of #2ae36a.

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

#2ae36a background color

This paragraph has a background color of #2ae36a.

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

#2ae36a border color

This element has a border color of #2ae36a.

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

CSS codes

.text {color:#2ae36a;}

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

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

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

#020c05
```
#020c05 rgb(2,12,5)
```
#041e0d
```
#041e0d rgb(4,30,13)
```
#062f14
```
#062f14 rgb(6,47,20)
```
#08401c
```
#08401c rgb(8,64,28)
```
#0b5223
```
#0b5223 rgb(11,82,35)
```
#0d632b
```
#0d632b rgb(13,99,43)
```
#0f7432
```
#0f7432 rgb(15,116,50)
```
#12863a
```
#12863a rgb(18,134,58)
```
#149741
```
#149741 rgb(20,151,65)
```
#16a849
```
#16a849 rgb(22,168,73)
```
#18ba50
```
#18ba50 rgb(24,186,80)
```
#1bcb58
```
#1bcb58 rgb(27,203,88)
```
#1ddc5f
```
#1ddc5f rgb(29,220,95)
```

Shade Color Variation

#2ae36a
```
#2ae36a rgb(42,227,106)
```
#3be576
```
#3be576 rgb(59,229,118)
```
#4de882
```
#4de882 rgb(77,232,130)
```
#5eea8e
```
#5eea8e rgb(94,234,142)
```
#6fec9b
```
#6fec9b rgb(111,236,155)
```
#81eea7
```
#81eea7 rgb(129,238,167)
```
#92f1b3
```
#92f1b3 rgb(146,241,179)
```
#a3f3bf
```
#a3f3bf rgb(163,243,191)
```
#b5f5cb
```
#b5f5cb rgb(181,245,203)
```
#c6f8d7
```
#c6f8d7 rgb(198,248,215)
```
#d7fae3
```
#d7fae3 rgb(215,250,227)
```
#e9fcef
```
#e9fcef rgb(233,252,239)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#7d9084
```
#7d9084 rgb(125,144,132)
```
#749981
```
#749981 rgb(116,153,129)
```
#6ba27e
```
#6ba27e rgb(107,162,126)
```
#62ab7b
```
#62ab7b rgb(98,171,123)
```
#58b578
```
#58b578 rgb(88,181,120)
```
#4fbe75
```
#4fbe75 rgb(79,190,117)
```
#46c773
```
#46c773 rgb(70,199,115)
```
#3dd070
```
#3dd070 rgb(61,208,112)
```
#33da6d
```
#33da6d rgb(51,218,109)
```
#2ae36a
```
#2ae36a rgb(42,227,106)
```
#21ec67
```
#21ec67 rgb(33,236,103)
```
#17f664
```
#17f664 rgb(23,246,100)
```
#0eff61
```
#0eff61 rgb(14,255,97)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87ac94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc968 Protanopia 1% of men
#f1c07e Deuteranopia 1% of men
#6fd7e7 Tritanopia 0.001% of the population

Trichromacy

#9cd269 Protanomaly 1% of men, 0.01% of women
#a9cd77 Deuteranomaly 6% of men, 0.4% of women
#56dbb9 Tritanomaly 0.01% of the population

#2ae36a hex color

#2ae36a Color Information

#2ae36a Color Conversion

Color Schemes with #2ae36a

Alternatives to #2ae36a

#2ae36a Preview

Shades and Tints of #2ae36a

Tones of #2ae36a

Color Blindness Simulator