#2ae09d hex color

In a RGB color space, hex #2ae09d is composed of 16.5% red, 87.8% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 29.9% yellow and 12.2% black. It has a hue angle of 157.9 degrees, a saturation of 74.6% and a lightness of 52.2%. #2ae09d color hex could be obtained by blending #54ffff with #00c13b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 88
- B 62
RGB color chart
- C 81
- M 0
- Y 30
- K 12
CMYK color chart

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

The hexadecimal color #2ae09d has RGB values of R:42, G:224, B:157 and CMYK values of C:0.81, M:0, Y:0.3, K:0.12. Its decimal value is 2810013.

Hex triplet	2ae09d	`#2ae09d`
RGB Decimal	42, 224, 157	`rgb(42,224,157)`
RGB Percent	16.5, 87.8, 61.6	`rgb(16.5%,87.8%,61.6%)`
CMYK	81, 0, 30, 12
HSL	157.9°, 74.6, 52.2	`hsl(157.9,74.6%,52.2%)`
HSV (or HSB)	157.9°, 81.3, 87.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.747, -58.836, 20.687
XYZ	33.694, 56.234, 40.975
xyY	0.257, 0.43, 56.234
CIE-LCH	79.747, 62.367, 160.628
CIE-LUV	79.747, -65.399, 39.089
Hunter-Lab	74.99, -51.03, 20.096
Binary	00101010, 11100000, 10011101

#2ae09d
```
#2ae09d rgb(42,224,157)
```
#e02a6d
```
#e02a6d rgb(224,42,109)
```

Complementary Color

#2ae042
```
#2ae042 rgb(42,224,66)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#2ac8e0
```
#2ac8e0 rgb(42,200,224)
```

Analogous Color

#e0422a
```
#e0422a rgb(224,66,42)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#e02ac8
```
#e02ac8 rgb(224,42,200)
```

Split Complementary Color

#e09d2a
```
#e09d2a rgb(224,157,42)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#9d2ae0
```
#9d2ae0 rgb(157,42,224)
```

Triadic Color

#6de02a
```
#6de02a rgb(109,224,42)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#9d2ae0
```
#9d2ae0 rgb(157,42,224)
```
#e02a6d
```
#e02a6d rgb(224,42,109)
```

Tetradic Color

#18a571
```
#18a571 rgb(24,165,113)
```
#1bbc81
```
#1bbc81 rgb(27,188,129)
```
#1fd290
```
#1fd290 rgb(31,210,144)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#40e3a7
```
#40e3a7 rgb(64,227,167)
```
#57e6b1
```
#57e6b1 rgb(87,230,177)
```
#6deabc
```
#6deabc rgb(109,234,188)
```

Monochromatic Color

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

#2ae070
```
#2ae070 rgb(42,224,112)
```
#2ae07f
```
#2ae07f rgb(42,224,127)
```
#2ae08e
```
#2ae08e rgb(42,224,142)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#2ae0ac
```
#2ae0ac rgb(42,224,172)
```
#2ae0bb
```
#2ae0bb rgb(42,224,187)
```
#2ae0cb
```
#2ae0cb rgb(42,224,203)
```

Similar Colors

Text with hexadecimal color #2ae09d

This text has a font color of #2ae09d.

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

#2ae09d background color

This paragraph has a background color of #2ae09d.

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

#2ae09d border color

This element has a border color of #2ae09d.

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

CSS codes

.text {color:#2ae09d;}

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

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

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, #010a07 is the darkest color, while #f7fefc is the lightest one.

#010a07
```
#010a07 rgb(1,10,7)
```
#041b12
```
#041b12 rgb(4,27,18)
```
#062c1e
```
#062c1e rgb(6,44,30)
```
#093d2a
```
#093d2a rgb(9,61,42)
```
#0b4e36
```
#0b4e36 rgb(11,78,54)
```
#0e5f41
```
#0e5f41 rgb(14,95,65)
```
#10704d
```
#10704d rgb(16,112,77)
```
#138159
```
#138159 rgb(19,129,89)
```
#159364
```
#159364 rgb(21,147,100)
```
#18a470
```
#18a470 rgb(24,164,112)
```
#1ab57c
```
#1ab57c rgb(26,181,124)
```
#1dc688
```
#1dc688 rgb(29,198,136)
```
#1fd793
```
#1fd793 rgb(31,215,147)
```

Shade Color Variation

#2ae09d
```
#2ae09d rgb(42,224,157)
```
#3be2a5
```
#3be2a5 rgb(59,226,165)
```
#4ce5ad
```
#4ce5ad rgb(76,229,173)
```
#5de7b5
```
#5de7b5 rgb(93,231,181)
```
#6eeabd
```
#6eeabd rgb(110,234,189)
```
#80ecc4
```
#80ecc4 rgb(128,236,196)
```
#91efcc
```
#91efcc rgb(145,239,204)
```
#a2f1d4
```
#a2f1d4 rgb(162,241,212)
```
#b3f4dc
```
#b3f4dc rgb(179,244,220)
```
#c4f6e4
```
#c4f6e4 rgb(196,246,228)
```
#d5f9ec
```
#d5f9ec rgb(213,249,236)
```
#e6fbf4
```
#e6fbf4 rgb(230,251,244)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#7e8c87
```
#7e8c87 rgb(126,140,135)
```
#759589
```
#759589 rgb(117,149,137)
```
#6c9e8c
```
#6c9e8c rgb(108,158,140)
```
#62a88e
```
#62a88e rgb(98,168,142)
```
#59b191
```
#59b191 rgb(89,177,145)
```
#50ba93
```
#50ba93 rgb(80,186,147)
```
#46c496
```
#46c496 rgb(70,196,150)
```
#3dcd98
```
#3dcd98 rgb(61,205,152)
```
#33d79b
```
#33d79b rgb(51,215,155)
```
#2ae09d
```
#2ae09d rgb(42,224,157)
```
#21e99f
```
#21e99f rgb(33,233,159)
```
#17f3a2
```
#17f3a2 rgb(23,243,162)
```
#0efca4
```
#0efca4 rgb(14,252,164)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8aaea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c897 Protanopia 1% of men
#e5c1ad Deuteranopia 1% of men
#63d8e8 Tritanopia 0.001% of the population

Trichromacy

#97d099 Protanomaly 1% of men, 0.01% of women
#a1cca7 Deuteranomaly 6% of men, 0.4% of women
#4edbcc Tritanomaly 0.01% of the population

#2ae09d hex color

#2ae09d Color Information

#2ae09d Color Conversion

Color Schemes with #2ae09d

Alternatives to #2ae09d

#2ae09d Preview

Shades and Tints of #2ae09d

Tones of #2ae09d

Color Blindness Simulator