#5ae6a6 hex color

In a RGB color space, hex #5ae6a6 is composed of 35.3% red, 90.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 27.8% yellow and 9.8% black. It has a hue angle of 152.6 degrees, a saturation of 73.7% and a lightness of 62.7%. #5ae6a6 color hex could be obtained by blending #b4ffff with #00cd4d. Closest websafe color is: #66ff99.

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

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

The hexadecimal color #5ae6a6 has RGB values of R:90, G:230, B:166 and CMYK values of C:0.61, M:0, Y:0.28, K:0.1. Its decimal value is 5957286.

Hex triplet	5ae6a6	`#5ae6a6`
RGB Decimal	90, 230, 166	`rgb(90,230,166)`
RGB Percent	35.3, 90.2, 65.1	`rgb(35.3%,90.2%,65.1%)`
CMYK	61, 0, 28, 10
HSL	152.6°, 73.7, 62.7	`hsl(152.6,73.7%,62.7%)`
HSV (or HSB)	152.6°, 60.9, 90.2
Web Safe	66ff99	`#66ff99`

CIE-LAB	82.656, -52.451, 20.165
XYZ	39.393, 61.517, 45.872
xyY	0.268, 0.419, 61.517
CIE-LCH	82.656, 56.193, 158.971
CIE-LUV	82.656, -58.627, 37.708
Hunter-Lab	78.433, -47.605, 20.227
Binary	01011010, 11100110, 10100110

#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#e65a9a
```
#e65a9a rgb(230,90,154)
```

Complementary Color

#5ae660
```
#5ae660 rgb(90,230,96)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#5ae0e6
```
#5ae0e6 rgb(90,224,230)
```

Analogous Color

#e6605a
```
#e6605a rgb(230,96,90)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#e65ae0
```
#e65ae0 rgb(230,90,224)
```

Split Complementary Color

#e6a65a
```
#e6a65a rgb(230,166,90)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#a65ae6
```
#a65ae6 rgb(166,90,230)
```

Triadic Color

#9ae65a
```
#9ae65a rgb(154,230,90)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#a65ae6
```
#a65ae6 rgb(166,90,230)
```
#e65a9a
```
#e65a9a rgb(230,90,154)
```

Tetradic Color

#20d381
```
#20d381 rgb(32,211,129)
```
#2edf8e
```
#2edf8e rgb(46,223,142)
```
#44e39a
```
#44e39a rgb(68,227,154)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#70e9b2
```
#70e9b2 rgb(112,233,178)
```
#86edbe
```
#86edbe rgb(134,237,190)
```
#9cf0ca
```
#9cf0ca rgb(156,240,202)
```

Monochromatic Color

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

#5ae683
```
#5ae683 rgb(90,230,131)
```
#5ae68f
```
#5ae68f rgb(90,230,143)
```
#5ae69a
```
#5ae69a rgb(90,230,154)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#5ae6b2
```
#5ae6b2 rgb(90,230,178)
```
#5ae6bd
```
#5ae6bd rgb(90,230,189)
```
#5ae6c9
```
#5ae6c9 rgb(90,230,201)
```

Similar Colors

Text with hexadecimal color #5ae6a6

This text has a font color of #5ae6a6.

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

#5ae6a6 background color

This paragraph has a background color of #5ae6a6.

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

#5ae6a6 border color

This element has a border color of #5ae6a6.

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

CSS codes

.text {color:#5ae6a6;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#03160e
```
#03160e rgb(3,22,14)
```
#062718
```
#062718 rgb(6,39,24)
```
#093823
```
#093823 rgb(9,56,35)
```
#0b492d
```
#0b492d rgb(11,73,45)
```
#0e5b37
```
#0e5b37 rgb(14,91,55)
```
#106c42
```
#106c42 rgb(16,108,66)
```
#137d4c
```
#137d4c rgb(19,125,76)
```
#158e57
```
#158e57 rgb(21,142,87)
```
#189f61
```
#189f61 rgb(24,159,97)
```
#1bb06c
```
#1bb06c rgb(27,176,108)
```
#1dc176
```
#1dc176 rgb(29,193,118)
```
#20d280
```
#20d280 rgb(32,210,128)
```

Shade Color Variation

#27de8a
```
#27de8a rgb(39,222,138)
```
#38e194
```
#38e194 rgb(56,225,148)
```
#49e39d
```
#49e39d rgb(73,227,157)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#6be9af
```
#6be9af rgb(107,233,175)
```
#7cebb8
```
#7cebb8 rgb(124,235,184)
```
#8deec2
```
#8deec2 rgb(141,238,194)
```
#9ef0cb
```
#9ef0cb rgb(158,240,203)
```
#aff3d4
```
#aff3d4 rgb(175,243,212)
```
#c0f5dd
```
#c0f5dd rgb(192,245,221)
```
#d1f8e6
```
#d1f8e6 rgb(209,248,230)
```
#e2fbf0
```
#e2fbf0 rgb(226,251,240)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca4a0 is the less saturated color, while #44fca8 is the most saturated one.

#9ca4a0
```
#9ca4a0 rgb(156,164,160)
```
#94aca1
```
#94aca1 rgb(148,172,161)
```
#8db3a2
```
#8db3a2 rgb(141,179,162)
```
#86baa2
```
#86baa2 rgb(134,186,162)
```
#7fc1a3
```
#7fc1a3 rgb(127,193,163)
```
#77c9a3
```
#77c9a3 rgb(119,201,163)
```
#70d0a4
```
#70d0a4 rgb(112,208,164)
```
#69d7a5
```
#69d7a5 rgb(105,215,165)
```
#61dfa5
```
#61dfa5 rgb(97,223,165)
```
#5ae6a6
```
#5ae6a6 rgb(90,230,166)
```
#53eda7
```
#53eda7 rgb(83,237,167)
```
#4bf5a7
```
#4bf5a7 rgb(75,245,167)
```
#44fca8
```
#44fca8 rgb(68,252,168)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a3bfb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decfa0 Protanopia 1% of men
#edc9b4 Deuteranopia 1% of men
#7edeee Tritanopia 0.001% of the population

Trichromacy

#aed7a2 Protanomaly 1% of men, 0.01% of women
#b7d3af Deuteranomaly 6% of men, 0.4% of women
#71e1d4 Tritanomaly 0.01% of the population

#5ae6a6 hex color

#5ae6a6 Color Information

#5ae6a6 Color Conversion

Color Schemes with #5ae6a6

Alternatives to #5ae6a6

#5ae6a6 Preview

Shades and Tints of #5ae6a6

Tones of #5ae6a6

Color Blindness Simulator