#2ae979 hex color

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

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

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

The hexadecimal color #2ae979 has RGB values of R:42, G:233, B:121 and CMYK values of C:0.82, M:0, Y:0.48, K:0.09. Its decimal value is 2812281.

Hex triplet	2ae979	`#2ae979`
RGB Decimal	42, 233, 121	`rgb(42,233,121)`
RGB Percent	16.5, 91.4, 47.5	`rgb(16.5%,91.4%,47.5%)`
CMYK	82, 0, 48, 9
HSL	144.8°, 81.3, 53.9	`hsl(144.8,81.3%,53.9%)`
HSV (or HSB)	144.8°, 82, 91.4
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.918, -68.723, 41.747
XYZ	33.543, 60.147, 27.93
xyY	0.276, 0.495, 60.147
CIE-LCH	81.918, 80.41, 148.722
CIE-LUV	81.918, -70.542, 66.679
Hunter-Lab	77.554, -58.518, 32.936
Binary	00101010, 11101001, 01111001

#2ae979
```
#2ae979 rgb(42,233,121)
```
#e92a9a
```
#e92a9a rgb(233,42,154)
```

Complementary Color

#3be92a
```
#3be92a rgb(59,233,42)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#2ae9d9
```
#2ae9d9 rgb(42,233,217)
```

Analogous Color

#e92a3b
```
#e92a3b rgb(233,42,59)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#d92ae9
```
#d92ae9 rgb(217,42,233)
```

Split Complementary Color

#e9792a
```
#e9792a rgb(233,121,42)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#792ae9
```
#792ae9 rgb(121,42,233)
```

Triadic Color

#9ae92a
```
#9ae92a rgb(154,233,42)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#792ae9
```
#792ae9 rgb(121,42,233)
```
#e92a9a
```
#e92a9a rgb(233,42,154)
```

Tetradic Color

#13b455
```
#13b455 rgb(19,180,85)
```
#15cb60
```
#15cb60 rgb(21,203,96)
```
#17e26b
```
#17e26b rgb(23,226,107)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#41eb88
```
#41eb88 rgb(65,235,136)
```
#58ee96
```
#58ee96 rgb(88,238,150)
```
#6ff0a5
```
#6ff0a5 rgb(111,240,165)
```

Monochromatic Color

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

#2ae949
```
#2ae949 rgb(42,233,73)
```
#2ae959
```
#2ae959 rgb(42,233,89)
```
#2ae969
```
#2ae969 rgb(42,233,105)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#2ae989
```
#2ae989 rgb(42,233,137)
```
#2ae999
```
#2ae999 rgb(42,233,153)
```
#2ae9a9
```
#2ae9a9 rgb(42,233,169)
```

Similar Colors

Text with hexadecimal color #2ae979

This text has a font color of #2ae979.

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

#2ae979 background color

This paragraph has a background color of #2ae979.

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

#2ae979 border color

This element has a border color of #2ae979.

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

CSS codes

.text {color:#2ae979;}

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

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

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 #eefdf4 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#021209
```
#021209 rgb(2,18,9)
```
#042411
```
#042411 rgb(4,36,17)
```
#063619
```
#063619 rgb(6,54,25)
```
#074722
```
#074722 rgb(7,71,34)
```
#09592a
```
#09592a rgb(9,89,42)
```
#0b6b33
```
#0b6b33 rgb(11,107,51)
```
#0d7d3b
```
#0d7d3b rgb(13,125,59)
```
#0f8f44
```
#0f8f44 rgb(15,143,68)
```
#11a04c
```
#11a04c rgb(17,160,76)
```
#12b254
```
#12b254 rgb(18,178,84)
```
#14c45d
```
#14c45d rgb(20,196,93)
```
#16d665
```
#16d665 rgb(22,214,101)
```

Shade Color Variation

#18e76e
```
#18e76e rgb(24,231,110)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#3ceb84
```
#3ceb84 rgb(60,235,132)
```
#4eed8f
```
#4eed8f rgb(78,237,143)
```
#5fef9b
```
#5fef9b rgb(95,239,155)
```
#71f0a6
```
#71f0a6 rgb(113,240,166)
```
#83f2b1
```
#83f2b1 rgb(131,242,177)
```
#95f4bc
```
#95f4bc rgb(149,244,188)
```
#a6f6c7
```
#a6f6c7 rgb(166,246,199)
```
#b8f8d2
```
#b8f8d2 rgb(184,248,210)
```
#cafade
```
#cafade rgb(202,250,222)
```
#dcfbe9
```
#dcfbe9 rgb(220,251,233)
```
#eefdf4
```
#eefdf4 rgb(238,253,244)
```

Tint Color Variation

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

#848f89
```
#848f89 rgb(132,143,137)
```
#7b9887
```
#7b9887 rgb(123,152,135)
```
#72a185
```
#72a185 rgb(114,161,133)
```
#69aa84
```
#69aa84 rgb(105,170,132)
```
#60b382
```
#60b382 rgb(96,179,130)
```
#57bc81
```
#57bc81 rgb(87,188,129)
```
#4ec57f
```
#4ec57f rgb(78,197,127)
```
#45ce7e
```
#45ce7e rgb(69,206,126)
```
#3cd77c
```
#3cd77c rgb(60,215,124)
```
#33e07b
```
#33e07b rgb(51,224,123)
```
#2ae979
```
#2ae979 rgb(42,233,121)
```
#21f277
```
#21f277 rgb(33,242,119)
```
#18fb76
```
#18fb76 rgb(24,251,118)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8bb19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ce76 Protanopia 1% of men
#f5c58c Deuteranopia 1% of men
#6fdded Tritanopia 0.001% of the population

Trichromacy

#9fd877 Protanomaly 1% of men, 0.01% of women
#abd285 Deuteranomaly 6% of men, 0.4% of women
#56e1c3 Tritanomaly 0.01% of the population

#2ae979 hex color

#2ae979 Color Information

#2ae979 Color Conversion

Color Schemes with #2ae979

Alternatives to #2ae979

#2ae979 Preview

Shades and Tints of #2ae979

Tones of #2ae979

Color Blindness Simulator