colorhexa.com

#2ae062 hex color

In a RGB color space, hex #2ae062 is composed of 16.5% red, 87.8% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 56.3% yellow and 12.2% black. It has a hue angle of 138.5 degrees, a saturation of 74.6% and a lightness of 52.2%. #2ae062 color hex could be obtained by blending #54ffc4 with #00c100. Closest websafe color is: #33cc66.

- R 16
- G 88
- B 38
RGB color chart
- C 81
- M 0
- Y 56
- K 12
CMYK color chart

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

The hexadecimal color #2ae062 has RGB values of R:42, G:224, B:98 and CMYK values of C:0.81, M:0, Y:0.56, K:0.12. Its decimal value is 2809954.

Hex triplet	2ae062	`#2ae062`
RGB Decimal	42, 224, 98	`rgb(42,224,98)`
RGB Percent	16.5, 87.8, 38.4	`rgb(16.5%,87.8%,38.4%)`
CMYK	81, 0, 56, 12
HSL	138.5°, 74.6, 52.2	`hsl(138.5,74.6%,52.2%)`
HSV (or HSB)	138.5°, 81.3, 87.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	78.858, -69.146, 48.848
XYZ	29.813, 54.682, 20.538
xyY	0.284, 0.521, 54.682
CIE-LCH	78.858, 84.66, 144.761
CIE-LUV	78.858, -68.718, 73.29
Hunter-Lab	73.947, -57.443, 35.296
Binary	00101010, 11100000, 01100010

#2ae062
```
#2ae062 rgb(42,224,98)
```
#e02aa8
```
#e02aa8 rgb(224,42,168)
```

Complementary Color

#4de02a
```
#4de02a rgb(77,224,42)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#2ae0bd
```
#2ae0bd rgb(42,224,189)
```

Analogous Color

#e02a4d
```
#e02a4d rgb(224,42,77)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#bd2ae0
```
#bd2ae0 rgb(189,42,224)
```

Split Complementary Color

#e0622a
```
#e0622a rgb(224,98,42)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#622ae0
```
#622ae0 rgb(98,42,224)
```

Triadic Color

#a8e02a
```
#a8e02a rgb(168,224,42)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#622ae0
```
#622ae0 rgb(98,42,224)
```
#e02aa8
```
#e02aa8 rgb(224,42,168)
```

Tetradic Color

#18a544
```
#18a544 rgb(24,165,68)
```
#1bbc4d
```
#1bbc4d rgb(27,188,77)
```
#1fd256
```
#1fd256 rgb(31,210,86)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#40e372
```
#40e372 rgb(64,227,114)
```
#57e683
```
#57e683 rgb(87,230,131)
```
#6dea93
```
#6dea93 rgb(109,234,147)
```

Monochromatic Color

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

#2ae035
```
#2ae035 rgb(42,224,53)
```
#2ae044
```
#2ae044 rgb(42,224,68)
```
#2ae053
```
#2ae053 rgb(42,224,83)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#2ae071
```
#2ae071 rgb(42,224,113)
```
#2ae080
```
#2ae080 rgb(42,224,128)
```
#2ae090
```
#2ae090 rgb(42,224,144)
```

Similar Colors

Text with hexadecimal color #2ae062

This text has a font color of #2ae062.

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

#2ae062 background color

This paragraph has a background color of #2ae062.

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

#2ae062 border color

This element has a border color of #2ae062.

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

CSS codes

.text {color:#2ae062;}

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

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

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, #010a04 is the darkest color, while #f7fef9 is the lightest one.

#010a04
```
#010a04 rgb(1,10,4)
```
#041b0b
```
#041b0b rgb(4,27,11)
```
#062c12
```
#062c12 rgb(6,44,18)
```
#093d19
```
#093d19 rgb(9,61,25)
```
#0b4e20
```
#0b4e20 rgb(11,78,32)
```
#0e5f27
```
#0e5f27 rgb(14,95,39)
```
#10702e
```
#10702e rgb(16,112,46)
```
#138135
```
#138135 rgb(19,129,53)
```
#15933c
```
#15933c rgb(21,147,60)
```
#18a443
```
#18a443 rgb(24,164,67)
```
#1ab54a
```
#1ab54a rgb(26,181,74)
```
#1dc651
```
#1dc651 rgb(29,198,81)
```
#1fd758
```
#1fd758 rgb(31,215,88)
```

Shade Color Variation

#2ae062
```
#2ae062 rgb(42,224,98)
```
#3be26f
```
#3be26f rgb(59,226,111)
```
#4ce57b
```
#4ce57b rgb(76,229,123)
```
#5de788
```
#5de788 rgb(93,231,136)
```
#6eea94
```
#6eea94 rgb(110,234,148)
```
#80eca1
```
#80eca1 rgb(128,236,161)
```
#91efae
```
#91efae rgb(145,239,174)
```
#a2f1ba
```
#a2f1ba rgb(162,241,186)
```
#b3f4c7
```
#b3f4c7 rgb(179,244,199)
```
#c4f6d4
```
#c4f6d4 rgb(196,246,212)
```
#d5f9e0
```
#d5f9e0 rgb(213,249,224)
```
#e6fbed
```
#e6fbed rgb(230,251,237)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#7e8c82
```
#7e8c82 rgb(126,140,130)
```
#75957f
```
#75957f rgb(117,149,127)
```
#6c9e7b
```
#6c9e7b rgb(108,158,123)
```
#62a878
```
#62a878 rgb(98,168,120)
```
#59b174
```
#59b174 rgb(89,177,116)
```
#50ba70
```
#50ba70 rgb(80,186,112)
```
#46c46d
```
#46c46d rgb(70,196,109)
```
#3dcd69
```
#3dcd69 rgb(61,205,105)
```
#33d766
```
#33d766 rgb(51,215,102)
```
#2ae062
```
#2ae062 rgb(42,224,98)
```
#21e95e
```
#21e95e rgb(33,233,94)
```
#17f35b
```
#17f35b rgb(23,243,91)
```
#0efc57
```
#0efc57 rgb(14,252,87)
```

Tone Color Variation

Below, you can see how #2ae062 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
#84a990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac661 Protanopia 1% of men
#efbd77 Deuteranopia 1% of men
#6fd4e4 Tritanopia 0.001% of the population

Trichromacy

#9acf61 Protanomaly 1% of men, 0.01% of women
#a7ca6f Deuteranomaly 6% of men, 0.4% of women
#56d8b4 Tritanomaly 0.01% of the population