#1ae970 hex color

In a RGB color space, hex #1ae970 is composed of 10.2% red, 91.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 0% magenta, 51.9% yellow and 8.6% black. It has a hue angle of 144.9 degrees, a saturation of 82.5% and a lightness of 50.8%. #1ae970 color hex could be obtained by blending #34ffe0 with #00d300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 10
- G 91
- B 44
RGB color chart
- C 89
- M 0
- Y 52
- K 9
CMYK color chart

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

The hexadecimal color #1ae970 has RGB values of R:26, G:233, B:112 and CMYK values of C:0.89, M:0, Y:0.52, K:0.09. Its decimal value is 1763696.

Hex triplet	1ae970	`#1ae970`
RGB Decimal	26, 233, 112	`rgb(26,233,112)`
RGB Percent	10.2, 91.4, 43.9	`rgb(10.2%,91.4%,43.9%)`
CMYK	89, 0, 52, 9
HSL	144.9°, 82.5, 50.8	`hsl(144.9,82.5%,50.8%)`
HSV (or HSB)	144.9°, 88.8, 91.4
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.655, -71.335, 45.687
XYZ	32.487, 59.664, 25.132
xyY	0.277, 0.509, 59.664
CIE-LCH	81.655, 84.711, 147.362
CIE-LUV	81.655, -72.458, 71.245
Hunter-Lab	77.242, -60.099, 34.778
Binary	00011010, 11101001, 01110000

#1ae970
```
#1ae970 rgb(26,233,112)
```
#e91a93
```
#e91a93 rgb(233,26,147)
```

Complementary Color

#2ce91a
```
#2ce91a rgb(44,233,26)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#1ae9d8
```
#1ae9d8 rgb(26,233,216)
```

Analogous Color

#e91a2c
```
#e91a2c rgb(233,26,44)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#d81ae9
```
#d81ae9 rgb(216,26,233)
```

Split Complementary Color

#e9701a
```
#e9701a rgb(233,112,26)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#701ae9
```
#701ae9 rgb(112,26,233)
```

Triadic Color

#93e91a
```
#93e91a rgb(147,233,26)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#701ae9
```
#701ae9 rgb(112,26,233)
```
#e91a93
```
#e91a93 rgb(233,26,147)
```

Tetradic Color

#10a74f
```
#10a74f rgb(16,167,79)
```
#12be59
```
#12be59 rgb(18,190,89)
```
#14d564
```
#14d564 rgb(20,213,100)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#31eb7f
```
#31eb7f rgb(49,235,127)
```
#49ed8d
```
#49ed8d rgb(73,237,141)
```
#60f09c
```
#60f09c rgb(96,240,156)
```

Monochromatic Color

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

#1ae93c
```
#1ae93c rgb(26,233,60)
```
#1ae94e
```
#1ae94e rgb(26,233,78)
```
#1ae95f
```
#1ae95f rgb(26,233,95)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#1ae981
```
#1ae981 rgb(26,233,129)
```
#1ae993
```
#1ae993 rgb(26,233,147)
```
#1ae9a4
```
#1ae9a4 rgb(26,233,164)
```

Similar Colors

Text with hexadecimal color #1ae970

This text has a font color of #1ae970.

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

#1ae970 background color

This paragraph has a background color of #1ae970.

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

#1ae970 border color

This element has a border color of #1ae970.

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

CSS codes

.text {color:#1ae970;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#02160a
```
#02160a rgb(2,22,10)
```
#042713
```
#042713 rgb(4,39,19)
```
#06391b
```
#06391b rgb(6,57,27)
```
#074b23
```
#074b23 rgb(7,75,35)
```
#095d2c
```
#095d2c rgb(9,93,44)
```
#0b6f34
```
#0b6f34 rgb(11,111,52)
```
#0c813d
```
#0c813d rgb(12,129,61)
```
#0e9345
```
#0e9345 rgb(14,147,69)
```
#10a54e
```
#10a54e rgb(16,165,78)
```
#12b756
```
#12b756 rgb(18,183,86)
```
#13c95f
```
#13c95f rgb(19,201,95)
```
#15da67
```
#15da67 rgb(21,218,103)
```

Shade Color Variation

#1ae970
```
#1ae970 rgb(26,233,112)
```
#2ceb7b
```
#2ceb7b rgb(44,235,123)
```
#3eec86
```
#3eec86 rgb(62,236,134)
```
#50ee92
```
#50ee92 rgb(80,238,146)
```
#62f09d
```
#62f09d rgb(98,240,157)
```
#73f2a8
```
#73f2a8 rgb(115,242,168)
```
#85f3b3
```
#85f3b3 rgb(133,243,179)
```
#97f5be
```
#97f5be rgb(151,245,190)
```
#a9f7c9
```
#a9f7c9 rgb(169,247,201)
```
#bbf8d5
```
#bbf8d5 rgb(187,248,213)
```
#cdfae0
```
#cdfae0 rgb(205,250,224)
```
#dffceb
```
#dffceb rgb(223,252,235)
```
#f1fef6
```
#f1fef6 rgb(241,254,246)
```

Tint Color Variation

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

#7b8880
```
#7b8880 rgb(123,136,128)
```
#71927f
```
#71927f rgb(113,146,127)
```
#679c7d
```
#679c7d rgb(103,156,125)
```
#5ea57b
```
#5ea57b rgb(94,165,123)
```
#54af7a
```
#54af7a rgb(84,175,122)
```
#4ab978
```
#4ab978 rgb(74,185,120)
```
#41c277
```
#41c277 rgb(65,194,119)
```
#37cc75
```
#37cc75 rgb(55,204,117)
```
#2dd673
```
#2dd673 rgb(45,214,115)
```
#24df72
```
#24df72 rgb(36,223,114)
```
#1ae970
```
#1ae970 rgb(26,233,112)
```
#10f36e
```
#10f36e rgb(16,243,110)
```
#07fc6d
```
#07fc6d rgb(7,252,109)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#83ac94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd6e Protanopia 1% of men
#f6c584 Deuteranopia 1% of men
#6cdded Tritanopia 0.001% of the population

Trichromacy

#99d76e Protanomaly 1% of men, 0.01% of women
#a6d27d Deuteranomaly 6% of men, 0.4% of women
#4ee1bf Tritanomaly 0.01% of the population

#1ae970 hex color

#1ae970 Color Information

#1ae970 Color Conversion

Color Schemes with #1ae970

Alternatives to #1ae970

#1ae970 Preview

Shades and Tints of #1ae970

Tones of #1ae970

Color Blindness Simulator