#5ae1a6 hex color

In a RGB color space, hex #5ae1a6 is composed of 35.3% red, 88.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 26.2% yellow and 11.8% black. It has a hue angle of 153.8 degrees, a saturation of 69.2% and a lightness of 61.8%. #5ae1a6 color hex could be obtained by blending #b4ffff with #00c34d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 88
- B 65
RGB color chart
- C 60
- M 0
- Y 26
- K 12
CMYK color chart

● #5ae1a6 color description : Soft cyan - lime green.

The hexadecimal color #5ae1a6 has RGB values of R:90, G:225, B:166 and CMYK values of C:0.6, M:0, Y:0.26, K:0.12. Its decimal value is 5956006.

Hex triplet	5ae1a6	`#5ae1a6`
RGB Decimal	90, 225, 166	`rgb(90,225,166)`
RGB Percent	35.3, 88.2, 65.1	`rgb(35.3%,88.2%,65.1%)`
CMYK	60, 0, 26, 12
HSL	153.8°, 69.2, 61.8	`hsl(153.8,69.2%,61.8%)`
HSV (or HSB)	153.8°, 60, 88.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.167, -50.411, 18.098
XYZ	38.022, 58.774, 45.415
xyY	0.267, 0.413, 58.774
CIE-LCH	81.167, 53.562, 160.252
CIE-LUV	81.167, -56.769, 34.438
Hunter-Lab	76.664, -45.635, 18.542
Binary	01011010, 11100001, 10100110

#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#e15a95
```
#e15a95 rgb(225,90,149)
```

Complementary Color

#5ae163
```
#5ae163 rgb(90,225,99)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#5ad9e1
```
#5ad9e1 rgb(90,217,225)
```

Analogous Color

#e1635a
```
#e1635a rgb(225,99,90)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#e15ad9
```
#e15ad9 rgb(225,90,217)
```

Split Complementary Color

#e1a65a
```
#e1a65a rgb(225,166,90)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#a65ae1
```
#a65ae1 rgb(166,90,225)
```

Triadic Color

#95e15a
```
#95e15a rgb(149,225,90)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#a65ae1
```
#a65ae1 rgb(166,90,225)
```
#e15a95
```
#e15a95 rgb(225,90,149)
```

Tetradic Color

#25ca82
```
#25ca82 rgb(37,202,130)
```
#2fd98f
```
#2fd98f rgb(47,217,143)
```
#44dd9a
```
#44dd9a rgb(68,221,154)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#70e5b2
```
#70e5b2 rgb(112,229,178)
```
#85e9bd
```
#85e9bd rgb(133,233,189)
```
#9bedc9
```
#9bedc9 rgb(155,237,201)
```

Monochromatic Color

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

#5ae184
```
#5ae184 rgb(90,225,132)
```
#5ae190
```
#5ae190 rgb(90,225,144)
```
#5ae19b
```
#5ae19b rgb(90,225,155)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#5ae1b1
```
#5ae1b1 rgb(90,225,177)
```
#5ae1bd
```
#5ae1bd rgb(90,225,189)
```
#5ae1c8
```
#5ae1c8 rgb(90,225,200)
```

Similar Colors

Text with hexadecimal color #5ae1a6

This text has a font color of #5ae1a6.

<span style="color:#5ae1a6;">Text here</span>

#5ae1a6 background color

This paragraph has a background color of #5ae1a6.

<p style="background-color:#5ae1a6;">Content here</p>

#5ae1a6 border color

This element has a border color of #5ae1a6.

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

CSS codes

.text {color:#5ae1a6;}

.background {background-color:#5ae1a6;}

.border {border:1px solid #5ae1a6;}

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 #effcf7 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#03120b
```
#03120b rgb(3,18,11)
```
#062216
```
#062216 rgb(6,34,22)
```
#093321
```
#093321 rgb(9,51,33)
```
#0c432b
```
#0c432b rgb(12,67,43)
```
#0f5436
```
#0f5436 rgb(15,84,54)
```
#126541
```
#126541 rgb(18,101,65)
```
#15754b
```
#15754b rgb(21,117,75)
```
#188656
```
#188656 rgb(24,134,86)
```
#1b9661
```
#1b9661 rgb(27,150,97)
```
#1ea76b
```
#1ea76b rgb(30,167,107)
```
#21b876
```
#21b876 rgb(33,184,118)
```
#24c881
```
#24c881 rgb(36,200,129)
```

Shade Color Variation

#28d88b
```
#28d88b rgb(40,216,139)
```
#39db94
```
#39db94 rgb(57,219,148)
```
#49de9d
```
#49de9d rgb(73,222,157)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#6be4af
```
#6be4af rgb(107,228,175)
```
#7be7b8
```
#7be7b8 rgb(123,231,184)
```
#8ceac1
```
#8ceac1 rgb(140,234,193)
```
#9cedca
```
#9cedca rgb(156,237,202)
```
#adf0d3
```
#adf0d3 rgb(173,240,211)
```
#bef3dc
```
#bef3dc rgb(190,243,220)
```
#cef6e5
```
#cef6e5 rgb(206,246,229)
```
#dff9ee
```
#dff9ee rgb(223,249,238)
```
#effcf7
```
#effcf7 rgb(239,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a59e is the less saturated color, while #3cffaa is the most saturated one.

#96a59e
```
#96a59e rgb(150,165,158)
```
#8fad9f
```
#8fad9f rgb(143,173,159)
```
#87b4a0
```
#87b4a0 rgb(135,180,160)
```
#80bca1
```
#80bca1 rgb(128,188,161)
```
#78c3a2
```
#78c3a2 rgb(120,195,162)
```
#71cba3
```
#71cba3 rgb(113,203,163)
```
#69d2a4
```
#69d2a4 rgb(105,210,164)
```
#62daa5
```
#62daa5 rgb(98,218,165)
```
#5ae1a6
```
#5ae1a6 rgb(90,225,166)
```
#53e9a7
```
#53e9a7 rgb(83,233,167)
```
#4bf0a8
```
#4bf0a8 rgb(75,240,168)
```
#44f8a9
```
#44f8a9 rgb(68,248,169)
```
#3cffaa
```
#3cffaa rgb(60,255,170)
```

Tone Color Variation

Below, you can see how #5ae1a6 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

#b2b2b2 Achromatopsia 0.005% of the population
#a0bbb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cca0 Protanopia 1% of men
#e8c5b4 Deuteranopia 1% of men
#7cdae9 Tritanopia 0.001% of the population

Trichromacy

#abd3a2 Protanomaly 1% of men, 0.01% of women
#b4cfaf Deuteranomaly 6% of men, 0.4% of women
#6fdcd1 Tritanomaly 0.01% of the population

#5ae1a6 hex color

#5ae1a6 Color Information

#5ae1a6 Color Conversion

Color Schemes with #5ae1a6

Alternatives to #5ae1a6

#5ae1a6 Preview

Shades and Tints of #5ae1a6

Tones of #5ae1a6

Color Blindness Simulator