#2ae960 hex color

In a RGB color space, hex #2ae960 is composed of 16.5% red, 91.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 58.8% yellow and 8.6% black. It has a hue angle of 137 degrees, a saturation of 81.3% and a lightness of 53.9%. #2ae960 color hex could be obtained by blending #54ffc0 with #00d300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 91
- B 38
RGB color chart
- C 82
- M 0
- Y 59
- K 9
CMYK color chart

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

The hexadecimal color #2ae960 has RGB values of R:42, G:233, B:96 and CMYK values of C:0.82, M:0, Y:0.59, K:0.09. Its decimal value is 2812256.

Hex triplet	2ae960	`#2ae960`
RGB Decimal	42, 233, 96	`rgb(42,233,96)`
RGB Percent	16.5, 91.4, 37.6	`rgb(16.5%,91.4%,37.6%)`
CMYK	82, 0, 59, 9
HSL	137°, 81.3, 53.9	`hsl(137,81.3%,53.9%)`
HSV (or HSB)	137°, 82, 91.4
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.626, -72.234, 52.998
XYZ	32.203, 59.611, 20.875
xyY	0.286, 0.529, 59.611
CIE-LCH	81.626, 89.591, 143.732
CIE-LUV	81.626, -71.727, 78.667
Hunter-Lab	77.208, -60.663, 38.016
Binary	00101010, 11101001, 01100000

#2ae960
```
#2ae960 rgb(42,233,96)
```
#e92ab3
```
#e92ab3 rgb(233,42,179)
```

Complementary Color

#53e92a
```
#53e92a rgb(83,233,42)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#2ae9c0
```
#2ae9c0 rgb(42,233,192)
```

Analogous Color

#e92a53
```
#e92a53 rgb(233,42,83)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#c02ae9
```
#c02ae9 rgb(192,42,233)
```

Split Complementary Color

#e9602a
```
#e9602a rgb(233,96,42)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#602ae9
```
#602ae9 rgb(96,42,233)
```

Triadic Color

#b3e92a
```
#b3e92a rgb(179,233,42)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#602ae9
```
#602ae9 rgb(96,42,233)
```
#e92ab3
```
#e92ab3 rgb(233,42,179)
```

Tetradic Color

#13b440
```
#13b440 rgb(19,180,64)
```
#15cb48
```
#15cb48 rgb(21,203,72)
```
#17e251
```
#17e251 rgb(23,226,81)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#41eb71
```
#41eb71 rgb(65,235,113)
```
#58ee83
```
#58ee83 rgb(88,238,131)
```
#6ff094
```
#6ff094 rgb(111,240,148)
```

Monochromatic Color

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

#2ae930
```
#2ae930 rgb(42,233,48)
```
#2ae940
```
#2ae940 rgb(42,233,64)
```
#2ae950
```
#2ae950 rgb(42,233,80)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#2ae970
```
#2ae970 rgb(42,233,112)
```
#2ae980
```
#2ae980 rgb(42,233,128)
```
#2ae990
```
#2ae990 rgb(42,233,144)
```

Similar Colors

Text with hexadecimal color #2ae960

This text has a font color of #2ae960.

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

#2ae960 background color

This paragraph has a background color of #2ae960.

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

#2ae960 border color

This element has a border color of #2ae960.

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

CSS codes

.text {color:#2ae960;}

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

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

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, #000000 is the darkest color, while #eefdf2 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#021206
```
#021206 rgb(2,18,6)
```
#04240d
```
#04240d rgb(4,36,13)
```
#063613
```
#063613 rgb(6,54,19)
```
#074719
```
#074719 rgb(7,71,25)
```
#095920
```
#095920 rgb(9,89,32)
```
#0b6b26
```
#0b6b26 rgb(11,107,38)
```
#0d7d2d
```
#0d7d2d rgb(13,125,45)
```
#0f8f33
```
#0f8f33 rgb(15,143,51)
```
#11a039
```
#11a039 rgb(17,160,57)
```
#12b240
```
#12b240 rgb(18,178,64)
```
#14c446
```
#14c446 rgb(20,196,70)
```
#16d64c
```
#16d64c rgb(22,214,76)
```

Shade Color Variation

#18e753
```
#18e753 rgb(24,231,83)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#3ceb6d
```
#3ceb6d rgb(60,235,109)
```
#4eed7b
```
#4eed7b rgb(78,237,123)
```
#5fef88
```
#5fef88 rgb(95,239,136)
```
#71f095
```
#71f095 rgb(113,240,149)
```
#83f2a2
```
#83f2a2 rgb(131,242,162)
```
#95f4b0
```
#95f4b0 rgb(149,244,176)
```
#a6f6bd
```
#a6f6bd rgb(166,246,189)
```
#b8f8ca
```
#b8f8ca rgb(184,248,202)
```
#cafad7
```
#cafad7 rgb(202,250,215)
```
#dcfbe5
```
#dcfbe5 rgb(220,251,229)
```
#eefdf2
```
#eefdf2 rgb(238,253,242)
```

Tint Color Variation

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

#848f87
```
#848f87 rgb(132,143,135)
```
#7b9883
```
#7b9883 rgb(123,152,131)
```
#72a17f
```
#72a17f rgb(114,161,127)
```
#69aa7b
```
#69aa7b rgb(105,170,123)
```
#60b378
```
#60b378 rgb(96,179,120)
```
#57bc74
```
#57bc74 rgb(87,188,116)
```
#4ec570
```
#4ec570 rgb(78,197,112)
```
#45ce6c
```
#45ce6c rgb(69,206,108)
```
#3cd768
```
#3cd768 rgb(60,215,104)
```
#33e064
```
#33e064 rgb(51,224,100)
```
#2ae960
```
#2ae960 rgb(42,233,96)
```
#21f25c
```
#21f25c rgb(33,242,92)
```
#18fb58
```
#18fb58 rgb(24,251,88)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#88af93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cd5f Protanopia 1% of men
#f9c476 Deuteranopia 1% of men
#73dcec Tritanopia 0.001% of the population

Trichromacy

#a0d75f Protanomaly 1% of men, 0.01% of women
#add16e Deuteranomaly 6% of men, 0.4% of women
#58e0b9 Tritanomaly 0.01% of the population

#2ae960 hex color

#2ae960 Color Information

#2ae960 Color Conversion

Color Schemes with #2ae960

Alternatives to #2ae960

#2ae960 Preview

Shades and Tints of #2ae960

Tones of #2ae960

Color Blindness Simulator