#2ae163 hex color

In a RGB color space, hex #2ae163 is composed of 16.5% red, 88.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 56% yellow and 11.8% black. It has a hue angle of 138.7 degrees, a saturation of 75.3% and a lightness of 52.4%. #2ae163 color hex could be obtained by blending #54ffc6 with #00c300. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2ae163 has RGB values of R:42, G:225, B:99 and CMYK values of C:0.81, M:0, Y:0.56, K:0.12. Its decimal value is 2810211.

Hex triplet	2ae163	`#2ae163`
RGB Decimal	42, 225, 99	`rgb(42,225,99)`
RGB Percent	16.5, 88.2, 38.8	`rgb(16.5%,88.2%,38.8%)`
CMYK	81, 0, 56, 12
HSL	138.7°, 75.3, 52.4	`hsl(138.7,75.3%,52.4%)`
HSV (or HSB)	138.7°, 81.3, 88.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	79.179, -69.332, 48.773
XYZ	30.13, 55.24, 20.878
xyY	0.284, 0.52, 55.24
CIE-LCH	79.179, 84.769, 144.875
CIE-LUV	79.179, -69, 73.345
Hunter-Lab	74.324, -57.704, 35.372
Binary	00101010, 11100001, 01100011

#2ae163
```
#2ae163 rgb(42,225,99)
```
#e12aa8
```
#e12aa8 rgb(225,42,168)
```

Complementary Color

#4de12a
```
#4de12a rgb(77,225,42)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```

Analogous Color

#e12a4d
```
#e12a4d rgb(225,42,77)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#bf2ae1
```
#bf2ae1 rgb(191,42,225)
```

Split Complementary Color

#e1632a
```
#e1632a rgb(225,99,42)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#632ae1
```
#632ae1 rgb(99,42,225)
```

Triadic Color

#a8e12a
```
#a8e12a rgb(168,225,42)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#632ae1
```
#632ae1 rgb(99,42,225)
```
#e12aa8
```
#e12aa8 rgb(225,42,168)
```

Tetradic Color

#18a744
```
#18a744 rgb(24,167,68)
```
#1bbd4d
```
#1bbd4d rgb(27,189,77)
```
#1ed456
```
#1ed456 rgb(30,212,86)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#40e473
```
#40e473 rgb(64,228,115)
```
#57e784
```
#57e784 rgb(87,231,132)
```
#6dea94
```
#6dea94 rgb(109,234,148)
```

Monochromatic Color

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

#2ae135
```
#2ae135 rgb(42,225,53)
```
#2ae144
```
#2ae144 rgb(42,225,68)
```
#2ae154
```
#2ae154 rgb(42,225,84)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#2ae172
```
#2ae172 rgb(42,225,114)
```
#2ae182
```
#2ae182 rgb(42,225,130)
```
#2ae191
```
#2ae191 rgb(42,225,145)
```

Similar Colors

Text with hexadecimal color #2ae163

This text has a font color of #2ae163.

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

#2ae163 background color

This paragraph has a background color of #2ae163.

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

#2ae163 border color

This element has a border color of #2ae163.

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

CSS codes

.text {color:#2ae163;}

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

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

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

#010b04
```
#010b04 rgb(1,11,4)
```
#041c0b
```
#041c0b rgb(4,28,11)
```
#062d12
```
#062d12 rgb(6,45,18)
```
#093e19
```
#093e19 rgb(9,62,25)
```
#0b4f20
```
#0b4f20 rgb(11,79,32)
```
#0e6027
```
#0e6027 rgb(14,96,39)
```
#10722e
```
#10722e rgb(16,114,46)
```
#128335
```
#128335 rgb(18,131,53)
```
#15943c
```
#15943c rgb(21,148,60)
```
#17a544
```
#17a544 rgb(23,165,68)
```
#1ab64b
```
#1ab64b rgb(26,182,75)
```
#1cc852
```
#1cc852 rgb(28,200,82)
```
#1fd959
```
#1fd959 rgb(31,217,89)
```

Shade Color Variation

#2ae163
```
#2ae163 rgb(42,225,99)
```
#3be370
```
#3be370 rgb(59,227,112)
```
#4ce67c
```
#4ce67c rgb(76,230,124)
```
#5ee889
```
#5ee889 rgb(94,232,137)
```
#6feb95
```
#6feb95 rgb(111,235,149)
```
#80eda2
```
#80eda2 rgb(128,237,162)
```
#91f0af
```
#91f0af rgb(145,240,175)
```
#a2f2bb
```
#a2f2bb rgb(162,242,187)
```
#b4f4c8
```
#b4f4c8 rgb(180,244,200)
```
#c5f7d4
```
#c5f7d4 rgb(197,247,212)
```
#d6f9e1
```
#d6f9e1 rgb(214,249,225)
```
#e7fcee
```
#e7fcee rgb(231,252,238)
```
#f8fefa
```
#f8fefa rgb(248,254,250)
```

Tint Color Variation

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

#7e8d83
```
#7e8d83 rgb(126,141,131)
```
#75967f
```
#75967f rgb(117,150,127)
```
#6ba07c
```
#6ba07c rgb(107,160,124)
```
#62a978
```
#62a978 rgb(98,169,120)
```
#59b275
```
#59b275 rgb(89,178,117)
```
#4fbc71
```
#4fbc71 rgb(79,188,113)
```
#46c56e
```
#46c56e rgb(70,197,110)
```
#3dce6a
```
#3dce6a rgb(61,206,106)
```
#33d867
```
#33d867 rgb(51,216,103)
```
#2ae163
```
#2ae163 rgb(42,225,99)
```
#21ea5f
```
#21ea5f rgb(33,234,95)
```
#17f45c
```
#17f45c rgb(23,244,92)
```
#0efd58
```
#0efd58 rgb(14,253,88)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#85aa91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc762 Protanopia 1% of men
#f0be78 Deuteranopia 1% of men
#6fd5e5 Tritanopia 0.001% of the population

Trichromacy

#9bd062 Protanomaly 1% of men, 0.01% of women
#a8cb70 Deuteranomaly 6% of men, 0.4% of women
#56d9b5 Tritanomaly 0.01% of the population

#2ae163 hex color

#2ae163 Color Information

#2ae163 Color Conversion

Color Schemes with #2ae163

Alternatives to #2ae163

#2ae163 Preview

Shades and Tints of #2ae163

Tones of #2ae163

Color Blindness Simulator