#2ae061 hex color

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

♥
- f
- t
- g
- R 16
- G 88
- B 38
RGB color chart
- C 81
- M 0
- Y 57
- K 12
CMYK color chart

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

The hexadecimal color #2ae061 has RGB values of R:42, G:224, B:97 and CMYK values of C:0.81, M:0, Y:0.57, K:0.12. Its decimal value is 2809953.

Hex triplet	2ae061	`#2ae061`
RGB Decimal	42, 224, 97	`rgb(42,224,97)`
RGB Percent	16.5, 87.8, 38	`rgb(16.5%,87.8%,38%)`
CMYK	81, 0, 57, 12
HSL	138.1°, 74.6, 52.2	`hsl(138.1,74.6%,52.2%)`
HSV (or HSB)	138.1°, 81.3, 87.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	78.847, -69.277, 49.291
XYZ	29.766, 54.663, 20.291
xyY	0.284, 0.522, 54.663
CIE-LCH	78.847, 85.024, 144.568
CIE-LUV	78.847, -68.762, 73.74
Hunter-Lab	73.935, -57.521, 35.483
Binary	00101010, 11100000, 01100001

#2ae061
```
#2ae061 rgb(42,224,97)
```
#e02aa9
```
#e02aa9 rgb(224,42,169)
```

Complementary Color

#4ee02a
```
#4ee02a rgb(78,224,42)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#2ae0bc
```
#2ae0bc rgb(42,224,188)
```

Analogous Color

#e02a4e
```
#e02a4e rgb(224,42,78)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#bc2ae0
```
#bc2ae0 rgb(188,42,224)
```

Split Complementary Color

#e0612a
```
#e0612a rgb(224,97,42)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#612ae0
```
#612ae0 rgb(97,42,224)
```

Triadic Color

#a9e02a
```
#a9e02a rgb(169,224,42)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#612ae0
```
#612ae0 rgb(97,42,224)
```
#e02aa9
```
#e02aa9 rgb(224,42,169)
```

Tetradic Color

#18a543
```
#18a543 rgb(24,165,67)
```
#1bbc4c
```
#1bbc4c rgb(27,188,76)
```
#1fd255
```
#1fd255 rgb(31,210,85)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#40e372
```
#40e372 rgb(64,227,114)
```
#57e682
```
#57e682 rgb(87,230,130)
```
#6dea93
```
#6dea93 rgb(109,234,147)
```

Monochromatic Color

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

#2ae034
```
#2ae034 rgb(42,224,52)
```
#2ae043
```
#2ae043 rgb(42,224,67)
```
#2ae052
```
#2ae052 rgb(42,224,82)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#2ae070
```
#2ae070 rgb(42,224,112)
```
#2ae07f
```
#2ae07f rgb(42,224,127)
```
#2ae08f
```
#2ae08f rgb(42,224,143)
```

Similar Colors

Text with hexadecimal color #2ae061

This text has a font color of #2ae061.

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

#2ae061 background color

This paragraph has a background color of #2ae061.

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

#2ae061 border color

This element has a border color of #2ae061.

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

CSS codes

.text {color:#2ae061;}

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

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

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)
```
#0e5f26
```
#0e5f26 rgb(14,95,38)
```
#10702d
```
#10702d rgb(16,112,45)
```
#138134
```
#138134 rgb(19,129,52)
```
#15933b
```
#15933b rgb(21,147,59)
```
#18a442
```
#18a442 rgb(24,164,66)
```
#1ab549
```
#1ab549 rgb(26,181,73)
```
#1dc650
```
#1dc650 rgb(29,198,80)
```
#1fd757
```
#1fd757 rgb(31,215,87)
```

Shade Color Variation

#2ae061
```
#2ae061 rgb(42,224,97)
```
#3be26e
```
#3be26e rgb(59,226,110)
```
#4ce57a
```
#4ce57a rgb(76,229,122)
```
#5de787
```
#5de787 rgb(93,231,135)
```
#6eea94
```
#6eea94 rgb(110,234,148)
```
#80eca1
```
#80eca1 rgb(128,236,161)
```
#91efad
```
#91efad rgb(145,239,173)
```
#a2f1ba
```
#a2f1ba rgb(162,241,186)
```
#b3f4c7
```
#b3f4c7 rgb(179,244,199)
```
#c4f6d3
```
#c4f6d3 rgb(196,246,211)
```
#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 #0efc56 is the most saturated one.

#7e8c82
```
#7e8c82 rgb(126,140,130)
```
#75957f
```
#75957f rgb(117,149,127)
```
#6c9e7b
```
#6c9e7b rgb(108,158,123)
```
#62a877
```
#62a877 rgb(98,168,119)
```
#59b174
```
#59b174 rgb(89,177,116)
```
#50ba70
```
#50ba70 rgb(80,186,112)
```
#46c46c
```
#46c46c rgb(70,196,108)
```
#3dcd68
```
#3dcd68 rgb(61,205,104)
```
#33d765
```
#33d765 rgb(51,215,101)
```
#2ae061
```
#2ae061 rgb(42,224,97)
```
#21e95d
```
#21e95d rgb(33,233,93)
```
#17f35a
```
#17f35a rgb(23,243,90)
```
#0efc56
```
#0efc56 rgb(14,252,86)
```

Tone Color Variation

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

Dichromacy

#dbc660 Protanopia 1% of men
#efbd76 Deuteranopia 1% of men
#6fd4e4 Tritanopia 0.001% of the population

Trichromacy

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

#2ae061 hex color

#2ae061 Color Information

#2ae061 Color Conversion

Color Schemes with #2ae061

Alternatives to #2ae061

#2ae061 Preview

Shades and Tints of #2ae061

Tones of #2ae061

Color Blindness Simulator