#2ae566 hex color

In a RGB color space, hex #2ae566 is composed of 16.5% red, 89.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 55.5% yellow and 10.2% black. It has a hue angle of 139.3 degrees, a saturation of 78.2% and a lightness of 53.1%. #2ae566 color hex could be obtained by blending #54ffcc with #00cb00. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2ae566 has RGB values of R:42, G:229, B:102 and CMYK values of C:0.82, M:0, Y:0.55, K:0.1. Its decimal value is 2811238.

Hex triplet	2ae566	`#2ae566`
RGB Decimal	42, 229, 102	`rgb(42,229,102)`
RGB Percent	16.5, 89.8, 40	`rgb(16.5%,89.8%,40%)`
CMYK	82, 0, 55, 10
HSL	139.3°, 78.2, 53.1	`hsl(139.3,78.2%,53.1%)`
HSV (or HSB)	139.3°, 81.7, 89.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.453, -70.205, 48.916
XYZ	31.37, 57.487, 22.012
xyY	0.283, 0.519, 57.487
CIE-LCH	80.453, 85.566, 145.133
CIE-LUV	80.453, -70.169, 74.013
Hunter-Lab	75.82, -58.831, 35.861
Binary	00101010, 11100101, 01100110

#2ae566
```
#2ae566 rgb(42,229,102)
```
#e52aa9
```
#e52aa9 rgb(229,42,169)
```

Complementary Color

#4ce52a
```
#4ce52a rgb(76,229,42)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#2ae5c4
```
#2ae5c4 rgb(42,229,196)
```

Analogous Color

#e52a4c
```
#e52a4c rgb(229,42,76)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#c42ae5
```
#c42ae5 rgb(196,42,229)
```

Split Complementary Color

#e5662a
```
#e5662a rgb(229,102,42)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#662ae5
```
#662ae5 rgb(102,42,229)
```

Triadic Color

#a9e52a
```
#a9e52a rgb(169,229,42)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#662ae5
```
#662ae5 rgb(102,42,229)
```
#e52aa9
```
#e52aa9 rgb(229,42,169)
```

Tetradic Color

#15ad46
```
#15ad46 rgb(21,173,70)
```
#18c44f
```
#18c44f rgb(24,196,79)
```
#1bdb58
```
#1bdb58 rgb(27,219,88)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#41e876
```
#41e876 rgb(65,232,118)
```
#57eb87
```
#57eb87 rgb(87,235,135)
```
#6eed97
```
#6eed97 rgb(110,237,151)
```

Monochromatic Color

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

#2ae537
```
#2ae537 rgb(42,229,55)
```
#2ae547
```
#2ae547 rgb(42,229,71)
```
#2ae556
```
#2ae556 rgb(42,229,86)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#2ae576
```
#2ae576 rgb(42,229,118)
```
#2ae585
```
#2ae585 rgb(42,229,133)
```
#2ae595
```
#2ae595 rgb(42,229,149)
```

Similar Colors

Text with hexadecimal color #2ae566

This text has a font color of #2ae566.

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

#2ae566 background color

This paragraph has a background color of #2ae566.

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

#2ae566 border color

This element has a border color of #2ae566.

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

CSS codes

.text {color:#2ae566;}

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

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

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

#020e06
```
#020e06 rgb(2,14,6)
```
#04200d
```
#04200d rgb(4,32,13)
```
#063114
```
#063114 rgb(6,49,20)
```
#08431b
```
#08431b rgb(8,67,27)
```
#0a5422
```
#0a5422 rgb(10,84,34)
```
#0c6629
```
#0c6629 rgb(12,102,41)
```
#0f7730
```
#0f7730 rgb(15,119,48)
```
#118937
```
#118937 rgb(17,137,55)
```
#139a3e
```
#139a3e rgb(19,154,62)
```
#15ac45
```
#15ac45 rgb(21,172,69)
```
#17bd4c
```
#17bd4c rgb(23,189,76)
```
#19cf53
```
#19cf53 rgb(25,207,83)
```
#1be05a
```
#1be05a rgb(27,224,90)
```

Shade Color Variation

#2ae566
```
#2ae566 rgb(42,229,102)
```
#3be773
```
#3be773 rgb(59,231,115)
```
#4de97f
```
#4de97f rgb(77,233,127)
```
#5eeb8c
```
#5eeb8c rgb(94,235,140)
```
#70ee98
```
#70ee98 rgb(112,238,152)
```
#81f0a5
```
#81f0a5 rgb(129,240,165)
```
#93f2b1
```
#93f2b1 rgb(147,242,177)
```
#a4f4be
```
#a4f4be rgb(164,244,190)
```
#b6f6ca
```
#b6f6ca rgb(182,246,202)
```
#c7f8d7
```
#c7f8d7 rgb(199,248,215)
```
#d9fae4
```
#d9fae4 rgb(217,250,228)
```
#eafcf0
```
#eafcf0 rgb(234,252,240)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#868987
```
#868987 rgb(134,137,135)
```
#7d9284
```
#7d9284 rgb(125,146,132)
```
#749b80
```
#749b80 rgb(116,155,128)
```
#6aa57d
```
#6aa57d rgb(106,165,125)
```
#61ae7a
```
#61ae7a rgb(97,174,122)
```
#58b776
```
#58b776 rgb(88,183,118)
```
#4fc073
```
#4fc073 rgb(79,192,115)
```
#46c970
```
#46c970 rgb(70,201,112)
```
#3cd36d
```
#3cd36d rgb(60,211,109)
```
#33dc69
```
#33dc69 rgb(51,220,105)
```
#2ae566
```
#2ae566 rgb(42,229,102)
```
#21ee63
```
#21ee63 rgb(33,238,99)
```
#18f75f
```
#18f75f rgb(24,247,95)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88ad94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfca65 Protanopia 1% of men
#f4c17b Deuteranopia 1% of men
#70d9e9 Tritanopia 0.001% of the population

Trichromacy

#9dd465 Protanomaly 1% of men, 0.01% of women
#aace73 Deuteranomaly 6% of men, 0.4% of women
#57ddb9 Tritanomaly 0.01% of the population

#2ae566 hex color

#2ae566 Color Information

#2ae566 Color Conversion

Color Schemes with #2ae566

Alternatives to #2ae566

#2ae566 Preview

Shades and Tints of #2ae566

Tones of #2ae566

Color Blindness Simulator