#2ae299 hex color

In a RGB color space, hex #2ae299 is composed of 16.5% red, 88.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 32.3% yellow and 11.4% black. It has a hue angle of 156.2 degrees, a saturation of 76% and a lightness of 52.5%. #2ae299 color hex could be obtained by blending #54ffff with #00c533. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 89
- B 60
RGB color chart
- C 81
- M 0
- Y 32
- K 11
CMYK color chart

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

The hexadecimal color #2ae299 has RGB values of R:42, G:226, B:153 and CMYK values of C:0.81, M:0, Y:0.32, K:0.11. Its decimal value is 2810521.

Hex triplet	2ae299	`#2ae299`
RGB Decimal	42, 226, 153	`rgb(42,226,153)`
RGB Percent	16.5, 88.6, 60	`rgb(16.5%,88.6%,60%)`
CMYK	81, 0, 32, 11
HSL	156.2°, 76, 52.5	`hsl(156.2,76%,52.5%)`
HSV (or HSB)	156.2°, 81.4, 88.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.281, -60.425, 23.5
XYZ	33.898, 57.181, 39.386
xyY	0.26, 0.438, 57.181
CIE-LCH	80.281, 64.833, 158.748
CIE-LUV	80.281, -66.334, 43.117
Hunter-Lab	75.618, -52.314, 22.052
Binary	00101010, 11100010, 10011001

#2ae299
```
#2ae299 rgb(42,226,153)
```
#e22a73
```
#e22a73 rgb(226,42,115)
```

Complementary Color

#2ae23d
```
#2ae23d rgb(42,226,61)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#2acfe2
```
#2acfe2 rgb(42,207,226)
```

Analogous Color

#e23d2a
```
#e23d2a rgb(226,61,42)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#e22acf
```
#e22acf rgb(226,42,207)
```

Split Complementary Color

#e2992a
```
#e2992a rgb(226,153,42)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#992ae2
```
#992ae2 rgb(153,42,226)
```

Triadic Color

#73e22a
```
#73e22a rgb(115,226,42)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#992ae2
```
#992ae2 rgb(153,42,226)
```
#e22a73
```
#e22a73 rgb(226,42,115)
```

Tetradic Color

#17a96f
```
#17a96f rgb(23,169,111)
```
#1abf7e
```
#1abf7e rgb(26,191,126)
```
#1dd58c
```
#1dd58c rgb(29,213,140)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#40e5a4
```
#40e5a4 rgb(64,229,164)
```
#57e8ae
```
#57e8ae rgb(87,232,174)
```
#6debb9
```
#6debb9 rgb(109,235,185)
```

Monochromatic Color

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

#2ae26b
```
#2ae26b rgb(42,226,107)
```
#2ae27a
```
#2ae27a rgb(42,226,122)
```
#2ae28a
```
#2ae28a rgb(42,226,138)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#2ae2a8
```
#2ae2a8 rgb(42,226,168)
```
#2ae2b8
```
#2ae2b8 rgb(42,226,184)
```
#2ae2c7
```
#2ae2c7 rgb(42,226,199)
```

Similar Colors

Text with hexadecimal color #2ae299

This text has a font color of #2ae299.

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

#2ae299 background color

This paragraph has a background color of #2ae299.

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

#2ae299 border color

This element has a border color of #2ae299.

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

CSS codes

.text {color:#2ae299;}

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

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

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

#020b08
```
#020b08 rgb(2,11,8)
```
#041d13
```
#041d13 rgb(4,29,19)
```
#062e1e
```
#062e1e rgb(6,46,30)
```
#093f2a
```
#093f2a rgb(9,63,42)
```
#0b5135
```
#0b5135 rgb(11,81,53)
```
#0d6240
```
#0d6240 rgb(13,98,64)
```
#10734c
```
#10734c rgb(16,115,76)
```
#128457
```
#128457 rgb(18,132,87)
```
#149662
```
#149662 rgb(20,150,98)
```
#17a76e
```
#17a76e rgb(23,167,110)
```
#19b879
```
#19b879 rgb(25,184,121)
```
#1bc984
```
#1bc984 rgb(27,201,132)
```
#1edb90
```
#1edb90 rgb(30,219,144)
```

Shade Color Variation

#2ae299
```
#2ae299 rgb(42,226,153)
```
#3be4a1
```
#3be4a1 rgb(59,228,161)
```
#4de7aa
```
#4de7aa rgb(77,231,170)
```
#5ee9b2
```
#5ee9b2 rgb(94,233,178)
```
#6febba
```
#6febba rgb(111,235,186)
```
#80eec2
```
#80eec2 rgb(128,238,194)
```
#92f0cb
```
#92f0cb rgb(146,240,203)
```
#a3f2d3
```
#a3f2d3 rgb(163,242,211)
```
#b4f5db
```
#b4f5db rgb(180,245,219)
```
#c5f7e3
```
#c5f7e3 rgb(197,247,227)
```
#d7faec
```
#d7faec rgb(215,250,236)
```
#e8fcf4
```
#e8fcf4 rgb(232,252,244)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8e88 is the less saturated color, while #0efe9f is the most saturated one.

#7e8e88
```
#7e8e88 rgb(126,142,136)
```
#74988a
```
#74988a rgb(116,152,138)
```
#6ba18c
```
#6ba18c rgb(107,161,140)
```
#62aa8d
```
#62aa8d rgb(98,170,141)
```
#59b38f
```
#59b38f rgb(89,179,143)
```
#4fbd91
```
#4fbd91 rgb(79,189,145)
```
#46c693
```
#46c693 rgb(70,198,147)
```
#3dcf95
```
#3dcf95 rgb(61,207,149)
```
#33d997
```
#33d997 rgb(51,217,151)
```
#2ae299
```
#2ae299 rgb(42,226,153)
```
#21eb9b
```
#21eb9b rgb(33,235,155)
```
#17f59d
```
#17f59d rgb(23,245,157)
```
#0efe9f
```
#0efe9f rgb(14,254,159)
```

Tone Color Variation

Below, you can see how #2ae299 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
#8bb0a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c993 Protanopia 1% of men
#e8c2a9 Deuteranopia 1% of men
#65d9e9 Tritanopia 0.001% of the population

Trichromacy

#99d295 Protanomaly 1% of men, 0.01% of women
#a3cea3 Deuteranomaly 6% of men, 0.4% of women
#4fdccc Tritanomaly 0.01% of the population

#2ae299 hex color

#2ae299 Color Information

#2ae299 Color Conversion

Color Schemes with #2ae299

Alternatives to #2ae299

#2ae299 Preview

Shades and Tints of #2ae299

Tones of #2ae299

Color Blindness Simulator