#2ae660 hex color

In a RGB color space, hex #2ae660 is composed of 16.5% red, 90.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 58.3% yellow and 9.8% black. It has a hue angle of 137.2 degrees, a saturation of 79% and a lightness of 53.3%. #2ae660 color hex could be obtained by blending #54ffc0 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

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

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

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

CIE-LAB	80.698, -71.298, 51.917
XYZ	31.361, 57.927, 20.594
xyY	0.285, 0.527, 57.927
CIE-LCH	80.698, 88.198, 143.939
CIE-LUV	80.698, -70.757, 77.184
Hunter-Lab	76.11, -59.641, 37.234
Binary	00101010, 11100110, 01100000

#2ae660
```
#2ae660 rgb(42,230,96)
```
#e62ab0
```
#e62ab0 rgb(230,42,176)
```

Complementary Color

#52e62a
```
#52e62a rgb(82,230,42)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#2ae6be
```
#2ae6be rgb(42,230,190)
```

Analogous Color

#e62a52
```
#e62a52 rgb(230,42,82)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#be2ae6
```
#be2ae6 rgb(190,42,230)
```

Split Complementary Color

#e6602a
```
#e6602a rgb(230,96,42)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#602ae6
```
#602ae6 rgb(96,42,230)
```

Triadic Color

#b0e62a
```
#b0e62a rgb(176,230,42)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#602ae6
```
#602ae6 rgb(96,42,230)
```
#e62ab0
```
#e62ab0 rgb(230,42,176)
```

Tetradic Color

#15af41
```
#15af41 rgb(21,175,65)
```
#17c649
```
#17c649 rgb(23,198,73)
```
#1add52
```
#1add52 rgb(26,221,82)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#41e971
```
#41e971 rgb(65,233,113)
```
#58eb82
```
#58eb82 rgb(88,235,130)
```
#6eee93
```
#6eee93 rgb(110,238,147)
```

Monochromatic Color

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

#2ae631
```
#2ae631 rgb(42,230,49)
```
#2ae641
```
#2ae641 rgb(42,230,65)
```
#2ae650
```
#2ae650 rgb(42,230,80)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#2ae670
```
#2ae670 rgb(42,230,112)
```
#2ae67f
```
#2ae67f rgb(42,230,127)
```
#2ae68f
```
#2ae68f rgb(42,230,143)
```

Similar Colors

Text with hexadecimal color #2ae660

This text has a font color of #2ae660.

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

#2ae660 background color

This paragraph has a background color of #2ae660.

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

#2ae660 border color

This element has a border color of #2ae660.

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

CSS codes

.text {color:#2ae660;}

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

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

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)
```
#0c6726
```
#0c6726 rgb(12,103,38)
```
#0e792d
```
#0e792d rgb(14,121,45)
```
#108a33
```
#108a33 rgb(16,138,51)
```
#129c3a
```
#129c3a rgb(18,156,58)
```
#14ad40
```
#14ad40 rgb(20,173,64)
```
#16bf47
```
#16bf47 rgb(22,191,71)
```
#18d04d
```
#18d04d rgb(24,208,77)
```
#1be254
```
#1be254 rgb(27,226,84)
```

Shade Color Variation

#2ae660
```
#2ae660 rgb(42,230,96)
```
#3ce86d
```
#3ce86d rgb(60,232,109)
```
#4dea7a
```
#4dea7a rgb(77,234,122)
```
#5fec87
```
#5fec87 rgb(95,236,135)
```
#70ee94
```
#70ee94 rgb(112,238,148)
```
#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 #18f858 is the most saturated one.

#868a87
```
#868a87 rgb(134,138,135)
```
#7c9483
```
#7c9483 rgb(124,148,131)
```
#739d7f
```
#739d7f rgb(115,157,127)
```
#6aa67b
```
#6aa67b rgb(106,166,123)
```
#61af77
```
#61af77 rgb(97,175,119)
```
#58b873
```
#58b873 rgb(88,184,115)
```
#4fc170
```
#4fc170 rgb(79,193,112)
```
#45cb6c
```
#45cb6c rgb(69,203,108)
```
#3cd468
```
#3cd468 rgb(60,212,104)
```
#33dd64
```
#33dd64 rgb(51,221,100)
```
#2ae660
```
#2ae660 rgb(42,230,96)
```
#21ef5c
```
#21ef5c rgb(33,239,92)
```
#18f858
```
#18f858 rgb(24,248,88)
```

Tone Color Variation

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

Dichromacy

#e0cb5f Protanopia 1% of men
#f5c276 Deuteranopia 1% of men
#72d9e9 Tritanopia 0.001% of the population

Trichromacy

#9ed55f Protanomaly 1% of men, 0.01% of women
#abcf6e Deuteranomaly 6% of men, 0.4% of women
#57deb7 Tritanomaly 0.01% of the population

#2ae660 hex color

#2ae660 Color Information

#2ae660 Color Conversion

Color Schemes with #2ae660

Alternatives to #2ae660

#2ae660 Preview

Shades and Tints of #2ae660

Tones of #2ae660

Color Blindness Simulator