#1ade96 hex color

In a RGB color space, hex #1ade96 is composed of 10.2% red, 87.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 0% magenta, 32.4% yellow and 12.9% black. It has a hue angle of 158 degrees, a saturation of 79% and a lightness of 48.6%. #1ade96 color hex could be obtained by blending #34ffff with #00bd2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 10
- G 87
- B 59
RGB color chart
- C 88
- M 0
- Y 32
- K 13
CMYK color chart

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

The hexadecimal color #1ade96 has RGB values of R:26, G:222, B:150 and CMYK values of C:0.88, M:0, Y:0.32, K:0.13. Its decimal value is 1760918.

Hex triplet	1ade96	`#1ade96`
RGB Decimal	26, 222, 150	`rgb(26,222,150)`
RGB Percent	10.2, 87.1, 58.8	`rgb(10.2%,87.1%,58.8%)`
CMYK	88, 0, 32, 13
HSL	158°, 79, 48.6	`hsl(158,79%,48.6%)`
HSV (or HSB)	158°, 88.3, 87.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.845, -60.801, 23.07
XYZ	32.05, 54.661, 37.714
xyY	0.258, 0.439, 54.661
CIE-LCH	78.845, 65.031, 159.222
CIE-LUV	78.845, -66.63, 42.433
Hunter-Lab	73.933, -52.003, 21.509
Binary	00011010, 11011110, 10010110

#1ade96
```
#1ade96 rgb(26,222,150)
```
#de1a62
```
#de1a62 rgb(222,26,98)
```

Complementary Color

#1ade34
```
#1ade34 rgb(26,222,52)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#1ac4de
```
#1ac4de rgb(26,196,222)
```

Analogous Color

#de341a
```
#de341a rgb(222,52,26)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#de1ac4
```
#de1ac4 rgb(222,26,196)
```

Split Complementary Color

#de961a
```
#de961a rgb(222,150,26)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#961ade
```
#961ade rgb(150,26,222)
```

Triadic Color

#62de1a
```
#62de1a rgb(98,222,26)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#961ade
```
#961ade rgb(150,26,222)
```
#de1a62
```
#de1a62 rgb(222,26,98)
```

Tetradic Color

#129a68
```
#129a68 rgb(18,154,104)
```
#15b077
```
#15b077 rgb(21,176,119)
```
#17c787
```
#17c787 rgb(23,199,135)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#2be6a2
```
#2be6a2 rgb(43,230,162)
```
#42e9ac
```
#42e9ac rgb(66,233,172)
```
#59ecb6
```
#59ecb6 rgb(89,236,182)
```

Monochromatic Color

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

#1ade65
```
#1ade65 rgb(26,222,101)
```
#1ade75
```
#1ade75 rgb(26,222,117)
```
#1ade86
```
#1ade86 rgb(26,222,134)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#1adea6
```
#1adea6 rgb(26,222,166)
```
#1adeb7
```
#1adeb7 rgb(26,222,183)
```
#1adec7
```
#1adec7 rgb(26,222,199)
```

Similar Colors

Text with hexadecimal color #1ade96

This text has a font color of #1ade96.

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

#1ade96 background color

This paragraph has a background color of #1ade96.

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

#1ade96 border color

This element has a border color of #1ade96.

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

CSS codes

.text {color:#1ade96;}

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

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

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

#010b08
```
#010b08 rgb(1,11,8)
```
#031d13
```
#031d13 rgb(3,29,19)
```
#052e1f
```
#052e1f rgb(5,46,31)
```
#07402b
```
#07402b rgb(7,64,43)
```
#0a5237
```
#0a5237 rgb(10,82,55)
```
#0c6343
```
#0c6343 rgb(12,99,67)
```
#0e754f
```
#0e754f rgb(14,117,79)
```
#10865b
```
#10865b rgb(16,134,91)
```
#129867
```
#129867 rgb(18,152,103)
```
#14a972
```
#14a972 rgb(20,169,114)
```
#16bb7e
```
#16bb7e rgb(22,187,126)
```
#18cc8a
```
#18cc8a rgb(24,204,138)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```

Shade Color Variation

#26e69f
```
#26e69f rgb(38,230,159)
```
#38e8a7
```
#38e8a7 rgb(56,232,167)
```
#49eaaf
```
#49eaaf rgb(73,234,175)
```
#5becb6
```
#5becb6 rgb(91,236,182)
```
#6ceebe
```
#6ceebe rgb(108,238,190)
```
#7ef0c6
```
#7ef0c6 rgb(126,240,198)
```
#8ff2ce
```
#8ff2ce rgb(143,242,206)
```
#a1f4d5
```
#a1f4d5 rgb(161,244,213)
```
#b2f6dd
```
#b2f6dd rgb(178,246,221)
```
#c4f8e5
```
#c4f8e5 rgb(196,248,229)
```
#d6faed
```
#d6faed rgb(214,250,237)
```
#e7fcf4
```
#e7fcf4 rgb(231,252,244)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#797f7d
```
#797f7d rgb(121,127,125)
```
#70887f
```
#70887f rgb(112,136,127)
```
#669282
```
#669282 rgb(102,146,130)
```
#5d9b84
```
#5d9b84 rgb(93,155,132)
```
#53a587
```
#53a587 rgb(83,165,135)
```
#4aae89
```
#4aae89 rgb(74,174,137)
```
#40b88c
```
#40b88c rgb(64,184,140)
```
#37c18e
```
#37c18e rgb(55,193,142)
```
#2dcb91
```
#2dcb91 rgb(45,203,145)
```
#24d493
```
#24d493 rgb(36,212,147)
```
#1ade96
```
#1ade96 rgb(26,222,150)
```
#10e899
```
#10e899 rgb(16,232,153)
```
#07f19b
```
#07f19b rgb(7,241,155)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#81a89a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c690 Protanopia 1% of men
#e3bfa6 Deuteranopia 1% of men
#5fd6e5 Tritanopia 0.001% of the population

Trichromacy

#91ce92 Protanomaly 1% of men, 0.01% of women
#9acaa0 Deuteranomaly 6% of men, 0.4% of women
#45d9c8 Tritanomaly 0.01% of the population

#1ade96 hex color

#1ade96 Color Information

#1ade96 Color Conversion

Color Schemes with #1ade96

Alternatives to #1ade96

#1ade96 Preview

Shades and Tints of #1ade96

Tones of #1ade96

Color Blindness Simulator