#2ae168 hex color

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

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

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

The hexadecimal color #2ae168 has RGB values of R:42, G:225, B:104 and CMYK values of C:0.81, M:0, Y:0.54, K:0.12. Its decimal value is 2810216.

Hex triplet	2ae168	`#2ae168`
RGB Decimal	42, 225, 104	`rgb(42,225,104)`
RGB Percent	16.5, 88.2, 40.8	`rgb(16.5%,88.2%,40.8%)`
CMYK	81, 0, 54, 12
HSL	140.3°, 75.3, 52.4	`hsl(140.3,75.3%,52.4%)`
HSV (or HSB)	140.3°, 81.3, 88.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	79.236, -68.649, 46.528
XYZ	30.377, 55.339, 22.176
xyY	0.282, 0.513, 55.339
CIE-LCH	79.236, 82.931, 145.872
CIE-LUV	79.236, -68.77, 71.014
Hunter-Lab	74.39, -57.293, 34.398
Binary	00101010, 11100001, 01101000

#2ae168
```
#2ae168 rgb(42,225,104)
```
#e12aa3
```
#e12aa3 rgb(225,42,163)
```

Complementary Color

#47e12a
```
#47e12a rgb(71,225,42)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#2ae1c4
```
#2ae1c4 rgb(42,225,196)
```

Analogous Color

#e12a48
```
#e12a48 rgb(225,42,72)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#c42ae1
```
#c42ae1 rgb(196,42,225)
```

Split Complementary Color

#e1682a
```
#e1682a rgb(225,104,42)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#682ae1
```
#682ae1 rgb(104,42,225)
```

Triadic Color

#a3e12a
```
#a3e12a rgb(163,225,42)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#682ae1
```
#682ae1 rgb(104,42,225)
```
#e12aa3
```
#e12aa3 rgb(225,42,163)
```

Tetradic Color

#18a748
```
#18a748 rgb(24,167,72)
```
#1bbd52
```
#1bbd52 rgb(27,189,82)
```
#1ed45b
```
#1ed45b rgb(30,212,91)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#40e478
```
#40e478 rgb(64,228,120)
```
#57e788
```
#57e788 rgb(87,231,136)
```
#6dea98
```
#6dea98 rgb(109,234,152)
```

Monochromatic Color

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

#2ae13a
```
#2ae13a rgb(42,225,58)
```
#2ae14a
```
#2ae14a rgb(42,225,74)
```
#2ae159
```
#2ae159 rgb(42,225,89)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#2ae177
```
#2ae177 rgb(42,225,119)
```
#2ae187
```
#2ae187 rgb(42,225,135)
```
#2ae196
```
#2ae196 rgb(42,225,150)
```

Similar Colors

Text with hexadecimal color #2ae168

This text has a font color of #2ae168.

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

#2ae168 background color

This paragraph has a background color of #2ae168.

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

#2ae168 border color

This element has a border color of #2ae168.

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

CSS codes

.text {color:#2ae168;}

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

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

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

#010b05
```
#010b05 rgb(1,11,5)
```
#041c0c
```
#041c0c rgb(4,28,12)
```
#062d13
```
#062d13 rgb(6,45,19)
```
#093e1b
```
#093e1b rgb(9,62,27)
```
#0b4f22
```
#0b4f22 rgb(11,79,34)
```
#0e602a
```
#0e602a rgb(14,96,42)
```
#107231
```
#107231 rgb(16,114,49)
```
#128339
```
#128339 rgb(18,131,57)
```
#159440
```
#159440 rgb(21,148,64)
```
#17a547
```
#17a547 rgb(23,165,71)
```
#1ab64f
```
#1ab64f rgb(26,182,79)
```
#1cc856
```
#1cc856 rgb(28,200,86)
```
#1fd95e
```
#1fd95e rgb(31,217,94)
```

Shade Color Variation

#2ae168
```
#2ae168 rgb(42,225,104)
```
#3be374
```
#3be374 rgb(59,227,116)
```
#4ce680
```
#4ce680 rgb(76,230,128)
```
#5ee88d
```
#5ee88d rgb(94,232,141)
```
#6feb99
```
#6feb99 rgb(111,235,153)
```
#80eda5
```
#80eda5 rgb(128,237,165)
```
#91f0b1
```
#91f0b1 rgb(145,240,177)
```
#a2f2bd
```
#a2f2bd rgb(162,242,189)
```
#b4f4ca
```
#b4f4ca rgb(180,244,202)
```
#c5f7d6
```
#c5f7d6 rgb(197,247,214)
```
#d6f9e2
```
#d6f9e2 rgb(214,249,226)
```
#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 #0efd5f is the most saturated one.

#7e8d83
```
#7e8d83 rgb(126,141,131)
```
#759680
```
#759680 rgb(117,150,128)
```
#6ba07d
```
#6ba07d rgb(107,160,125)
```
#62a97a
```
#62a97a rgb(98,169,122)
```
#59b277
```
#59b277 rgb(89,178,119)
```
#4fbc74
```
#4fbc74 rgb(79,188,116)
```
#46c571
```
#46c571 rgb(70,197,113)
```
#3dce6e
```
#3dce6e rgb(61,206,110)
```
#33d86b
```
#33d86b rgb(51,216,107)
```
#2ae168
```
#2ae168 rgb(42,225,104)
```
#21ea65
```
#21ea65 rgb(33,234,101)
```
#17f462
```
#17f462 rgb(23,244,98)
```
#0efd5f
```
#0efd5f rgb(14,253,95)
```

Tone Color Variation

Below, you can see how #2ae168 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
#85aa92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc767 Protanopia 1% of men
#efbe7c Deuteranopia 1% of men
#6ed5e5 Tritanopia 0.001% of the population

Trichromacy

#9bd067 Protanomaly 1% of men, 0.01% of women
#a7cb75 Deuteranomaly 6% of men, 0.4% of women
#55d9b7 Tritanomaly 0.01% of the population

#2ae168 hex color

#2ae168 Color Information

#2ae168 Color Conversion

Color Schemes with #2ae168

Alternatives to #2ae168

#2ae168 Preview

Shades and Tints of #2ae168

Tones of #2ae168

Color Blindness Simulator