#1ae296 hex color

In a RGB color space, hex #1ae296 is composed of 10.2% red, 88.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 0% magenta, 33.6% yellow and 11.4% black. It has a hue angle of 157.2 degrees, a saturation of 79.4% and a lightness of 49.4%. #1ae296 color hex could be obtained by blending #34ffff with #00c52d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 10
- G 89
- B 59
RGB color chart
- C 88
- M 0
- Y 34
- K 11
CMYK color chart

● #1ae296 color description : Vivid cyan - lime green.

The hexadecimal color #1ae296 has RGB values of R:26, G:226, B:150 and CMYK values of C:0.88, M:0, Y:0.34, K:0.11. Its decimal value is 1761942.

Hex triplet	1ae296	`#1ae296`
RGB Decimal	26, 226, 150	`rgb(26,226,150)`
RGB Percent	10.2, 88.6, 58.8	`rgb(10.2%,88.6%,58.8%)`
CMYK	88, 0, 34, 11
HSL	157.2°, 79.4, 49.4	`hsl(157.2,79.4%,49.4%)`
HSV (or HSB)	157.2°, 88.5, 88.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.073, -62.244, 24.743
XYZ	33.125, 56.811, 38.072
xyY	0.259, 0.444, 56.811
CIE-LCH	80.073, 66.982, 158.322
CIE-LUV	80.073, -67.948, 44.985
Hunter-Lab	75.373, -53.456, 22.813
Binary	00011010, 11100010, 10010110

#1ae296
```
#1ae296 rgb(26,226,150)
```
#e21a66
```
#e21a66 rgb(226,26,102)
```

Complementary Color

#1ae232
```
#1ae232 rgb(26,226,50)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#1acae2
```
#1acae2 rgb(26,202,226)
```

Analogous Color

#e2321a
```
#e2321a rgb(226,50,26)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#e21aca
```
#e21aca rgb(226,26,202)
```

Split Complementary Color

#e2961a
```
#e2961a rgb(226,150,26)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#961ae2
```
#961ae2 rgb(150,26,226)
```

Triadic Color

#66e21a
```
#66e21a rgb(102,226,26)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#961ae2
```
#961ae2 rgb(150,26,226)
```
#e21a66
```
#e21a66 rgb(226,26,102)
```

Tetradic Color

#129d68
```
#129d68 rgb(18,157,104)
```
#15b478
```
#15b478 rgb(21,180,120)
```
#17cb87
```
#17cb87 rgb(23,203,135)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#2ee7a1
```
#2ee7a1 rgb(46,231,161)
```
#45eaab
```
#45eaab rgb(69,234,171)
```
#5cecb6
```
#5cecb6 rgb(92,236,182)
```

Monochromatic Color

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

#1ae264
```
#1ae264 rgb(26,226,100)
```
#1ae275
```
#1ae275 rgb(26,226,117)
```
#1ae285
```
#1ae285 rgb(26,226,133)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#1ae2a7
```
#1ae2a7 rgb(26,226,167)
```
#1ae2b7
```
#1ae2b7 rgb(26,226,183)
```
#1ae2c8
```
#1ae2c8 rgb(26,226,200)
```

Similar Colors

Text with hexadecimal color #1ae296

This text has a font color of #1ae296.

<span style="color:#1ae296;">Text here</span>

#1ae296 background color

This paragraph has a background color of #1ae296.

<p style="background-color:#1ae296;">Content here</p>

#1ae296 border color

This element has a border color of #1ae296.

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

CSS codes

.text {color:#1ae296;}

.background {background-color:#1ae296;}

.border {border:1px solid #1ae296;}

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

#020f0a
```
#020f0a rgb(2,15,10)
```
#042016
```
#042016 rgb(4,32,22)
```
#063221
```
#063221 rgb(6,50,33)
```
#08442d
```
#08442d rgb(8,68,45)
```
#0a5539
```
#0a5539 rgb(10,85,57)
```
#0c6744
```
#0c6744 rgb(12,103,68)
```
#0e7850
```
#0e7850 rgb(14,120,80)
```
#108a5c
```
#108a5c rgb(16,138,92)
```
#129c67
```
#129c67 rgb(18,156,103)
```
#14ad73
```
#14ad73 rgb(20,173,115)
```
#16bf7f
```
#16bf7f rgb(22,191,127)
```
#18d08a
```
#18d08a rgb(24,208,138)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```

Shade Color Variation

#29e69f
```
#29e69f rgb(41,230,159)
```
#3be8a6
```
#3be8a6 rgb(59,232,166)
```
#4ceaae
```
#4ceaae rgb(76,234,174)
```
#5eecb6
```
#5eecb6 rgb(94,236,182)
```
#70efbe
```
#70efbe rgb(112,239,190)
```
#81f1c6
```
#81f1c6 rgb(129,241,198)
```
#93f3ce
```
#93f3ce rgb(147,243,206)
```
#a4f5d6
```
#a4f5d6 rgb(164,245,214)
```
#b6f7de
```
#b6f7de rgb(182,247,222)
```
#c8f9e6
```
#c8f9e6 rgb(200,249,230)
```
#d9fbee
```
#d9fbee rgb(217,251,238)
```
#ebfdf6
```
#ebfdf6 rgb(235,253,246)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#7b817f
```
#7b817f rgb(123,129,127)
```
#718b81
```
#718b81 rgb(113,139,129)
```
#689483
```
#689483 rgb(104,148,131)
```
#5e9e86
```
#5e9e86 rgb(94,158,134)
```
#54a888
```
#54a888 rgb(84,168,136)
```
#4ab28a
```
#4ab28a rgb(74,178,138)
```
#41bb8d
```
#41bb8d rgb(65,187,141)
```
#37c58f
```
#37c58f rgb(55,197,143)
```
#2dcf91
```
#2dcf91 rgb(45,207,145)
```
#24d894
```
#24d894 rgb(36,216,148)
```
#1ae296
```
#1ae296 rgb(26,226,150)
```
#10ec98
```
#10ec98 rgb(16,236,152)
```
#07f59b
```
#07f59b rgb(7,245,155)
```

Tone Color Variation

Below, you can see how #1ae296 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

#9e9e9e Achromatopsia 0.005% of the population
#84ac9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c990 Protanopia 1% of men
#e8c2a7 Deuteranopia 1% of men
#61d9e9 Tritanopia 0.001% of the population

Trichromacy

#93d292 Protanomaly 1% of men, 0.01% of women
#9dcda0 Deuteranomaly 6% of men, 0.4% of women
#47dccb Tritanomaly 0.01% of the population

#1ae296 hex color

#1ae296 Color Information

#1ae296 Color Conversion

Color Schemes with #1ae296

Alternatives to #1ae296

#1ae296 Preview

Shades and Tints of #1ae296

Tones of #1ae296

Color Blindness Simulator