#1ae396 hex color

In a RGB color space, hex #1ae396 is composed of 10.2% red, 89% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 0% magenta, 33.9% yellow and 11% black. It has a hue angle of 157 degrees, a saturation of 79.4% and a lightness of 49.6%. #1ae396 color hex could be obtained by blending #34ffff with #00c72d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #1ae396 has RGB values of R:26, G:227, B:150 and CMYK values of C:0.89, M:0, Y:0.34, K:0.11. Its decimal value is 1762198.

Hex triplet	1ae396	`#1ae396`
RGB Decimal	26, 227, 150	`rgb(26,227,150)`
RGB Percent	10.2, 89, 58.8	`rgb(10.2%,89%,58.8%)`
CMYK	89, 0, 34, 11
HSL	157°, 79.4, 49.6	`hsl(157,79.4%,49.6%)`
HSV (or HSB)	157°, 88.5, 89
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.38, -62.602, 25.159
XYZ	33.397, 57.356, 38.163
xyY	0.259, 0.445, 57.356
CIE-LCH	80.38, 67.469, 158.105
CIE-LUV	80.38, -68.277, 45.617
Hunter-Lab	75.734, -53.819, 23.137
Binary	00011010, 11100011, 10010110

#1ae396
```
#1ae396 rgb(26,227,150)
```
#e31a67
```
#e31a67 rgb(227,26,103)
```

Complementary Color

#1ae332
```
#1ae332 rgb(26,227,50)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#1acce3
```
#1acce3 rgb(26,204,227)
```

Analogous Color

#e3321a
```
#e3321a rgb(227,50,26)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#e31acc
```
#e31acc rgb(227,26,204)
```

Split Complementary Color

#e3961a
```
#e3961a rgb(227,150,26)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#961ae3
```
#961ae3 rgb(150,26,227)
```

Triadic Color

#67e31a
```
#67e31a rgb(103,227,26)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#961ae3
```
#961ae3 rgb(150,26,227)
```
#e31a67
```
#e31a67 rgb(227,26,103)
```

Tetradic Color

#129e69
```
#129e69 rgb(18,158,105)
```
#15b578
```
#15b578 rgb(21,181,120)
```
#17cc87
```
#17cc87 rgb(23,204,135)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#2fe7a1
```
#2fe7a1 rgb(47,231,161)
```
#46eaab
```
#46eaab rgb(70,234,171)
```
#5decb6
```
#5decb6 rgb(93,236,182)
```

Monochromatic Color

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

#1ae364
```
#1ae364 rgb(26,227,100)
```
#1ae375
```
#1ae375 rgb(26,227,117)
```
#1ae385
```
#1ae385 rgb(26,227,133)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#1ae3a7
```
#1ae3a7 rgb(26,227,167)
```
#1ae3b8
```
#1ae3b8 rgb(26,227,184)
```
#1ae3c8
```
#1ae3c8 rgb(26,227,200)
```

Similar Colors

Text with hexadecimal color #1ae396

This text has a font color of #1ae396.

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

#1ae396 background color

This paragraph has a background color of #1ae396.

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

#1ae396 border color

This element has a border color of #1ae396.

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

CSS codes

.text {color:#1ae396;}

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

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

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, #02100a is the darkest color, while #fdfffe is the lightest one.

#02100a
```
#02100a rgb(2,16,10)
```
#042116
```
#042116 rgb(4,33,22)
```
#063322
```
#063322 rgb(6,51,34)
```
#08452d
```
#08452d rgb(8,69,45)
```
#0a5639
```
#0a5639 rgb(10,86,57)
```
#0c6845
```
#0c6845 rgb(12,104,69)
```
#0e7950
```
#0e7950 rgb(14,121,80)
```
#108b5c
```
#108b5c rgb(16,139,92)
```
#129d67
```
#129d67 rgb(18,157,103)
```
#14ae73
```
#14ae73 rgb(20,174,115)
```
#16c07f
```
#16c07f rgb(22,192,127)
```
#18d18a
```
#18d18a rgb(24,209,138)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```

Shade Color Variation

#2ae79e
```
#2ae79e rgb(42,231,158)
```
#3ce9a6
```
#3ce9a6 rgb(60,233,166)
```
#4debae
```
#4debae rgb(77,235,174)
```
#5fedb6
```
#5fedb6 rgb(95,237,182)
```
#70efbe
```
#70efbe rgb(112,239,190)
```
#82f1c6
```
#82f1c6 rgb(130,241,198)
```
#94f3ce
```
#94f3ce rgb(148,243,206)
```
#a5f5d6
```
#a5f5d6 rgb(165,245,214)
```
#b7f7de
```
#b7f7de rgb(183,247,222)
```
#c8f9e6
```
#c8f9e6 rgb(200,249,230)
```
#dafbee
```
#dafbee rgb(218,251,238)
```
#ecfdf6
```
#ecfdf6 rgb(236,253,246)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#7b827f
```
#7b827f rgb(123,130,127)
```
#728b82
```
#728b82 rgb(114,139,130)
```
#689584
```
#689584 rgb(104,149,132)
```
#5e9f86
```
#5e9f86 rgb(94,159,134)
```
#54a988
```
#54a988 rgb(84,169,136)
```
#4bb28b
```
#4bb28b rgb(75,178,139)
```
#41bc8d
```
#41bc8d rgb(65,188,141)
```
#37c68f
```
#37c68f rgb(55,198,143)
```
#2dd091
```
#2dd091 rgb(45,208,145)
```
#24d994
```
#24d994 rgb(36,217,148)
```
#1ae396
```
#1ae396 rgb(26,227,150)
```
#10ed98
```
#10ed98 rgb(16,237,152)
```
#07f69b
```
#07f69b rgb(7,246,155)
```

Tone Color Variation

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

#d9ca90 Protanopia 1% of men
#e9c2a7 Deuteranopia 1% of men
#61daea Tritanopia 0.001% of the population

Trichromacy

#94d392 Protanomaly 1% of men, 0.01% of women
#9ecea0 Deuteranomaly 6% of men, 0.4% of women
#47ddcb Tritanomaly 0.01% of the population

#1ae396 hex color

#1ae396 Color Information

#1ae396 Color Conversion

Color Schemes with #1ae396

Alternatives to #1ae396

#1ae396 Preview

Shades and Tints of #1ae396

Tones of #1ae396

Color Blindness Simulator