#2ae661 hex color

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

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

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

The hexadecimal color #2ae661 has RGB values of R:42, G:230, B:97 and CMYK values of C:0.82, M:0, Y:0.58, K:0.1. Its decimal value is 2811489.

Hex triplet	2ae661	`#2ae661`
RGB Decimal	42, 230, 97	`rgb(42,230,97)`
RGB Percent	16.5, 90.2, 38	`rgb(16.5%,90.2%,38%)`
CMYK	82, 0, 58, 10
HSL	137.6°, 79, 53.3	`hsl(137.6,79%,53.3%)`
HSV (or HSB)	137.6°, 81.7, 90.2
Web Safe	33ff66	`#33ff66`

CIE-LAB	80.709, -71.173, 51.483
XYZ	31.407, 57.946, 20.838
xyY	0.285, 0.526, 57.946
CIE-LCH	80.709, 87.841, 144.12
CIE-LUV	80.709, -70.715, 76.752
Hunter-Lab	76.122, -59.566, 37.055
Binary	00101010, 11100110, 01100001

#2ae661
```
#2ae661 rgb(42,230,97)
```
#e62aaf
```
#e62aaf rgb(230,42,175)
```

Complementary Color

#51e62a
```
#51e62a rgb(81,230,42)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#2ae6bf
```
#2ae6bf rgb(42,230,191)
```

Analogous Color

#e62a51
```
#e62a51 rgb(230,42,81)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#bf2ae6
```
#bf2ae6 rgb(191,42,230)
```

Split Complementary Color

#e6612a
```
#e6612a rgb(230,97,42)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#612ae6
```
#612ae6 rgb(97,42,230)
```

Triadic Color

#afe62a
```
#afe62a rgb(175,230,42)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#612ae6
```
#612ae6 rgb(97,42,230)
```
#e62aaf
```
#e62aaf rgb(230,42,175)
```

Tetradic Color

#15af42
```
#15af42 rgb(21,175,66)
```
#17c64a
```
#17c64a rgb(23,198,74)
```
#1add53
```
#1add53 rgb(26,221,83)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#41e972
```
#41e972 rgb(65,233,114)
```
#58eb83
```
#58eb83 rgb(88,235,131)
```
#6eee94
```
#6eee94 rgb(110,238,148)
```

Monochromatic Color

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

#2ae632
```
#2ae632 rgb(42,230,50)
```
#2ae642
```
#2ae642 rgb(42,230,66)
```
#2ae651
```
#2ae651 rgb(42,230,81)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#2ae671
```
#2ae671 rgb(42,230,113)
```
#2ae680
```
#2ae680 rgb(42,230,128)
```
#2ae690
```
#2ae690 rgb(42,230,144)
```

Similar Colors

Text with hexadecimal color #2ae661

This text has a font color of #2ae661.

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

#2ae661 background color

This paragraph has a background color of #2ae661.

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

#2ae661 border color

This element has a border color of #2ae661.

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

CSS codes

.text {color:#2ae661;}

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

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

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

#020f06
```
#020f06 rgb(2,15,6)
```
#04210c
```
#04210c rgb(4,33,12)
```
#063213
```
#063213 rgb(6,50,19)
```
#084419
```
#084419 rgb(8,68,25)
```
#0a5520
```
#0a5520 rgb(10,85,32)
```
#0c6727
```
#0c6727 rgb(12,103,39)
```
#0e792d
```
#0e792d rgb(14,121,45)
```
#108a34
```
#108a34 rgb(16,138,52)
```
#129c3a
```
#129c3a rgb(18,156,58)
```
#14ad41
```
#14ad41 rgb(20,173,65)
```
#16bf48
```
#16bf48 rgb(22,191,72)
```
#18d04e
```
#18d04e rgb(24,208,78)
```
#1be255
```
#1be255 rgb(27,226,85)
```

Shade Color Variation

#2ae661
```
#2ae661 rgb(42,230,97)
```
#3ce86e
```
#3ce86e rgb(60,232,110)
```
#4dea7b
```
#4dea7b rgb(77,234,123)
```
#5fec88
```
#5fec88 rgb(95,236,136)
```
#70ee95
```
#70ee95 rgb(112,238,149)
```
#82f0a2
```
#82f0a2 rgb(130,240,162)
```
#93f2af
```
#93f2af rgb(147,242,175)
```
#a5f4bc
```
#a5f4bc rgb(165,244,188)
```
#b6f6c9
```
#b6f6c9 rgb(182,246,201)
```
#c8f9d6
```
#c8f9d6 rgb(200,249,214)
```
#dafbe3
```
#dafbe3 rgb(218,251,227)
```
#ebfdf0
```
#ebfdf0 rgb(235,253,240)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#868a87
```
#868a87 rgb(134,138,135)
```
#7c9483
```
#7c9483 rgb(124,148,131)
```
#739d7f
```
#739d7f rgb(115,157,127)
```
#6aa67c
```
#6aa67c rgb(106,166,124)
```
#61af78
```
#61af78 rgb(97,175,120)
```
#58b874
```
#58b874 rgb(88,184,116)
```
#4fc170
```
#4fc170 rgb(79,193,112)
```
#45cb6c
```
#45cb6c rgb(69,203,108)
```
#3cd469
```
#3cd469 rgb(60,212,105)
```
#33dd65
```
#33dd65 rgb(51,221,101)
```
#2ae661
```
#2ae661 rgb(42,230,97)
```
#21ef5d
```
#21ef5d rgb(33,239,93)
```
#18f859
```
#18f859 rgb(24,248,89)
```

Tone Color Variation

Below, you can see how #2ae661 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
#88ad93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cb60 Protanopia 1% of men
#f5c277 Deuteranopia 1% of men
#71d9e9 Tritanopia 0.001% of the population

Trichromacy

#9ed560 Protanomaly 1% of men, 0.01% of women
#abcf6f Deuteranomaly 6% of men, 0.4% of women
#57deb8 Tritanomaly 0.01% of the population

#2ae661 hex color

#2ae661 Color Information

#2ae661 Color Conversion

Color Schemes with #2ae661

Alternatives to #2ae661

#2ae661 Preview

Shades and Tints of #2ae661

Tones of #2ae661

Color Blindness Simulator