#2ae630 hex color

In a RGB color space, hex #2ae630 is composed of 16.5% red, 90.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 79.1% yellow and 9.8% black. It has a hue angle of 121.9 degrees, a saturation of 79% and a lightness of 53.3%. #2ae630 color hex could be obtained by blending #54ff60 with #00cd00. Closest websafe color is: #33ff33.

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

● #2ae630 color description : Bright lime green.

The hexadecimal color #2ae630 has RGB values of R:42, G:230, B:48 and CMYK values of C:0.82, M:0, Y:0.79, K:0.1. Its decimal value is 2811440.

Hex triplet	2ae630	`#2ae630`
RGB Decimal	42, 230, 48	`rgb(42,230,48)`
RGB Percent	16.5, 90.2, 18.8	`rgb(16.5%,90.2%,18.8%)`
CMYK	82, 0, 79, 10
HSL	121.9°, 79, 53.3	`hsl(121.9,79%,53.3%)`
HSV (or HSB)	121.9°, 81.7, 90.2
Web Safe	33ff33	`#33ff33`

CIE-LAB	80.346, -75.672, 69.469
XYZ	29.783, 57.296, 12.286
xyY	0.3, 0.577, 57.296
CIE-LCH	80.346, 102.724, 137.447
CIE-LUV	80.346, -72.276, 92.425
Hunter-Lab	75.694, -62.23, 43.363
Binary	00101010, 11100110, 00110000

#2ae630
```
#2ae630 rgb(42,230,48)
```
#e62ae0
```
#e62ae0 rgb(230,42,224)
```

Complementary Color

#82e62a
```
#82e62a rgb(130,230,42)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#2ae68e
```
#2ae68e rgb(42,230,142)
```

Analogous Color

#e62a82
```
#e62a82 rgb(230,42,130)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#8e2ae6
```
#8e2ae6 rgb(142,42,230)
```

Split Complementary Color

#e6302a
```
#e6302a rgb(230,48,42)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#302ae6
```
#302ae6 rgb(48,42,230)
```

Triadic Color

#e0e62a
```
#e0e62a rgb(224,230,42)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#302ae6
```
#302ae6 rgb(48,42,230)
```
#e62ae0
```
#e62ae0 rgb(230,42,224)
```

Tetradic Color

#15af19
```
#15af19 rgb(21,175,25)
```
#17c61d
```
#17c61d rgb(23,198,29)
```
#1add20
```
#1add20 rgb(26,221,32)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#41e946
```
#41e946 rgb(65,233,70)
```
#58eb5c
```
#58eb5c rgb(88,235,92)
```
#6eee73
```
#6eee73 rgb(110,238,115)
```

Monochromatic Color

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

#53e62a
```
#53e62a rgb(83,230,42)
```
#43e62a
```
#43e62a rgb(67,230,42)
```
#34e62a
```
#34e62a rgb(52,230,42)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#2ae640
```
#2ae640 rgb(42,230,64)
```
#2ae64f
```
#2ae64f rgb(42,230,79)
```
#2ae65f
```
#2ae65f rgb(42,230,95)
```

Similar Colors

Text with hexadecimal color #2ae630

This text has a font color of #2ae630.

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

#2ae630 background color

This paragraph has a background color of #2ae630.

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

#2ae630 border color

This element has a border color of #2ae630.

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

CSS codes

.text {color:#2ae630;}

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

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

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

#020f02
```
#020f02 rgb(2,15,2)
```
#042105
```
#042105 rgb(4,33,5)
```
#063207
```
#063207 rgb(6,50,7)
```
#08440a
```
#08440a rgb(8,68,10)
```
#0a550c
```
#0a550c rgb(10,85,12)
```
#0c670f
```
#0c670f rgb(12,103,15)
```
#0e7912
```
#0e7912 rgb(14,121,18)
```
#108a14
```
#108a14 rgb(16,138,20)
```
#129c17
```
#129c17 rgb(18,156,23)
```
#14ad19
```
#14ad19 rgb(20,173,25)
```
#16bf1c
```
#16bf1c rgb(22,191,28)
```
#18d01e
```
#18d01e rgb(24,208,30)
```
#1be221
```
#1be221 rgb(27,226,33)
```

Shade Color Variation

#2ae630
```
#2ae630 rgb(42,230,48)
```
#3ce841
```
#3ce841 rgb(60,232,65)
```
#4dea52
```
#4dea52 rgb(77,234,82)
```
#5fec63
```
#5fec63 rgb(95,236,99)
```
#70ee74
```
#70ee74 rgb(112,238,116)
```
#82f085
```
#82f085 rgb(130,240,133)
```
#93f296
```
#93f296 rgb(147,242,150)
```
#a5f4a7
```
#a5f4a7 rgb(165,244,167)
```
#b6f6b8
```
#b6f6b8 rgb(182,246,184)
```
#c8f9ca
```
#c8f9ca rgb(200,249,202)
```
#dafbdb
```
#dafbdb rgb(218,251,219)
```
#ebfdec
```
#ebfdec rgb(235,253,236)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#868a86
```
#868a86 rgb(134,138,134)
```
#7c947d
```
#7c947d rgb(124,148,125)
```
#739d75
```
#739d75 rgb(115,157,117)
```
#6aa66c
```
#6aa66c rgb(106,166,108)
```
#61af63
```
#61af63 rgb(97,175,99)
```
#58b85b
```
#58b85b rgb(88,184,91)
```
#4fc152
```
#4fc152 rgb(79,193,82)
```
#45cb4a
```
#45cb4a rgb(69,203,74)
```
#3cd441
```
#3cd441 rgb(60,212,65)
```
#33dd39
```
#33dd39 rgb(51,221,57)
```
#2ae630
```
#2ae630 rgb(42,230,48)
```
#21ef27
```
#21ef27 rgb(33,239,39)
```
#18f81f
```
#18f81f rgb(24,248,31)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca33 Protanopia 1% of men
#f9c050 Deuteranopia 1% of men
#76d8e8 Tritanopia 0.001% of the population

Trichromacy

#9fd432 Protanomaly 1% of men, 0.01% of women
#aece44 Deuteranomaly 6% of men, 0.4% of women
#5adda5 Tritanomaly 0.01% of the population

#2ae630 hex color

#2ae630 Color Information

#2ae630 Color Conversion

Color Schemes with #2ae630

Alternatives to #2ae630

#2ae630 Preview

Shades and Tints of #2ae630

Tones of #2ae630

Color Blindness Simulator