#1ae696 hex color

In a RGB color space, hex #1ae696 is composed of 10.2% red, 90.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 0% magenta, 34.8% yellow and 9.8% black. It has a hue angle of 156.5 degrees, a saturation of 80.3% and a lightness of 50.2%. #1ae696 color hex could be obtained by blending #34ffff with #00cd2d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #1ae696 has RGB values of R:26, G:230, B:150 and CMYK values of C:0.89, M:0, Y:0.35, K:0.1. Its decimal value is 1762966.

Hex triplet	1ae696	`#1ae696`
RGB Decimal	26, 230, 150	`rgb(26,230,150)`
RGB Percent	10.2, 90.2, 58.8	`rgb(10.2%,90.2%,58.8%)`
CMYK	89, 0, 35, 10
HSL	156.5°, 80.3, 50.2	`hsl(156.5,80.3%,50.2%)`
HSV (or HSB)	156.5°, 88.7, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.298, -63.67, 26.403
XYZ	34.225, 59.012, 38.439
xyY	0.26, 0.448, 59.012
CIE-LCH	81.298, 68.928, 157.477
CIE-LUV	81.298, -69.26, 47.505
Hunter-Lab	76.819, -54.906, 24.105
Binary	00011010, 11100110, 10010110

#1ae696
```
#1ae696 rgb(26,230,150)
```
#e61a6a
```
#e61a6a rgb(230,26,106)
```

Complementary Color

#1ae630
```
#1ae630 rgb(26,230,48)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#1ad0e6
```
#1ad0e6 rgb(26,208,230)
```

Analogous Color

#e6301a
```
#e6301a rgb(230,48,26)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#e61ad0
```
#e61ad0 rgb(230,26,208)
```

Split Complementary Color

#e6961a
```
#e6961a rgb(230,150,26)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#961ae6
```
#961ae6 rgb(150,26,230)
```

Triadic Color

#6ae61a
```
#6ae61a rgb(106,230,26)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#961ae6
```
#961ae6 rgb(150,26,230)
```
#e61a6a
```
#e61a6a rgb(230,26,106)
```

Tetradic Color

#12a269
```
#12a269 rgb(18,162,105)
```
#14b978
```
#14b978 rgb(20,185,120)
```
#17d087
```
#17d087 rgb(23,208,135)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#31e9a1
```
#31e9a1 rgb(49,233,161)
```
#48ebab
```
#48ebab rgb(72,235,171)
```
#5feeb6
```
#5feeb6 rgb(95,238,182)
```

Monochromatic Color

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

#1ae663
```
#1ae663 rgb(26,230,99)
```
#1ae674
```
#1ae674 rgb(26,230,116)
```
#1ae685
```
#1ae685 rgb(26,230,133)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#1ae6a7
```
#1ae6a7 rgb(26,230,167)
```
#1ae6b8
```
#1ae6b8 rgb(26,230,184)
```
#1ae6c9
```
#1ae6c9 rgb(26,230,201)
```

Similar Colors

Text with hexadecimal color #1ae696

This text has a font color of #1ae696.

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

#1ae696 background color

This paragraph has a background color of #1ae696.

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

#1ae696 border color

This element has a border color of #1ae696.

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

CSS codes

.text {color:#1ae696;}

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

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

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, #000101 is the darkest color, while #eefdf7 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#02130c
```
#02130c rgb(2,19,12)
```
#042418
```
#042418 rgb(4,36,24)
```
#063623
```
#063623 rgb(6,54,35)
```
#08482f
```
#08482f rgb(8,72,47)
```
#0a593a
```
#0a593a rgb(10,89,58)
```
#0c6b46
```
#0c6b46 rgb(12,107,70)
```
#0e7d51
```
#0e7d51 rgb(14,125,81)
```
#108e5d
```
#108e5d rgb(16,142,93)
```
#11a068
```
#11a068 rgb(17,160,104)
```
#13b274
```
#13b274 rgb(19,178,116)
```
#15c37f
```
#15c37f rgb(21,195,127)
```
#17d58b
```
#17d58b rgb(23,213,139)
```

Shade Color Variation

#1ae696
```
#1ae696 rgb(26,230,150)
```
#2ce89e
```
#2ce89e rgb(44,232,158)
```
#3deaa6
```
#3deaa6 rgb(61,234,166)
```
#4fecae
```
#4fecae rgb(79,236,174)
```
#61eeb6
```
#61eeb6 rgb(97,238,182)
```
#72f0bf
```
#72f0bf rgb(114,240,191)
```
#84f2c7
```
#84f2c7 rgb(132,242,199)
```
#96f4cf
```
#96f4cf rgb(150,244,207)
```
#a7f5d7
```
#a7f5d7 rgb(167,245,215)
```
#b9f7df
```
#b9f7df rgb(185,247,223)
```
#cbf9e7
```
#cbf9e7 rgb(203,249,231)
```
#ddfbef
```
#ddfbef rgb(221,251,239)
```
#eefdf7
```
#eefdf7 rgb(238,253,247)
```

Tint Color Variation

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

#7c8481
```
#7c8481 rgb(124,132,129)
```
#728e83
```
#728e83 rgb(114,142,131)
```
#689885
```
#689885 rgb(104,152,133)
```
#5ea287
```
#5ea287 rgb(94,162,135)
```
#55ab89
```
#55ab89 rgb(85,171,137)
```
#4bb58b
```
#4bb58b rgb(75,181,139)
```
#41bf8e
```
#41bf8e rgb(65,191,142)
```
#37c990
```
#37c990 rgb(55,201,144)
```
#2ed292
```
#2ed292 rgb(46,210,146)
```
#24dc94
```
#24dc94 rgb(36,220,148)
```
#1ae696
```
#1ae696 rgb(26,230,150)
```
#10f098
```
#10f098 rgb(16,240,152)
```
#06fa9a
```
#06fa9a rgb(6,250,154)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#85ae9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccc90 Protanopia 1% of men
#ecc5a7 Deuteranopia 1% of men
#63dced Tritanopia 0.001% of the population

Trichromacy

#95d592 Protanomaly 1% of men, 0.01% of women
#a0d1a1 Deuteranomaly 6% of men, 0.4% of women
#48e0cd Tritanomaly 0.01% of the population

#1ae696 hex color

#1ae696 Color Information

#1ae696 Color Conversion

Color Schemes with #1ae696

Alternatives to #1ae696

#1ae696 Preview

Shades and Tints of #1ae696

Tones of #1ae696

Color Blindness Simulator