#5ae0cc hex color

In a RGB color space, hex #5ae0cc is composed of 35.3% red, 87.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 8.9% yellow and 12.2% black. It has a hue angle of 171 degrees, a saturation of 68.4% and a lightness of 61.6%. #5ae0cc color hex could be obtained by blending #b4ffff with #00c199. Closest websafe color is: #66cccc.

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

● #5ae0cc color description : Soft cyan.

The hexadecimal color #5ae0cc has RGB values of R:90, G:224, B:204 and CMYK values of C:0.6, M:0, Y:0.09, K:0.12. Its decimal value is 5955788.

Hex triplet	5ae0cc	`#5ae0cc`
RGB Decimal	90, 224, 204	`rgb(90,224,204)`
RGB Percent	35.3, 87.8, 80	`rgb(35.3%,87.8%,80%)`
CMYK	60, 0, 9, 12
HSL	171°, 68.4, 61.6	`hsl(171,68.4%,61.6%)`
HSV (or HSB)	171°, 59.8, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.752, -41.209, -1.127
XYZ	41.768, 59.841, 66.473
xyY	0.248, 0.356, 59.841
CIE-LCH	81.752, 41.225, 181.567
CIE-LUV	81.752, -54.342, 4.878
Hunter-Lab	77.357, -38.997, 3.202
Binary	01011010, 11100000, 11001100

#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#e05a6e
```
#e05a6e rgb(224,90,110)
```

Complementary Color

#5ae089
```
#5ae089 rgb(90,224,137)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#5ab1e0
```
#5ab1e0 rgb(90,177,224)
```

Analogous Color

#e0895a
```
#e0895a rgb(224,137,90)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#e05ab1
```
#e05ab1 rgb(224,90,177)
```

Split Complementary Color

#e0cc5a
```
#e0cc5a rgb(224,204,90)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#cc5ae0
```
#cc5ae0 rgb(204,90,224)
```

Triadic Color

#6ee05a
```
#6ee05a rgb(110,224,90)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#cc5ae0
```
#cc5ae0 rgb(204,90,224)
```
#e05a6e
```
#e05a6e rgb(224,90,110)
```

Tetradic Color

#26c8b0
```
#26c8b0 rgb(38,200,176)
```
#2fd8bf
```
#2fd8bf rgb(47,216,191)
```
#45dcc5
```
#45dcc5 rgb(69,220,197)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#6fe4d3
```
#6fe4d3 rgb(111,228,211)
```
#85e8d9
```
#85e8d9 rgb(133,232,217)
```
#9aece0
```
#9aece0 rgb(154,236,224)
```

Monochromatic Color

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

#5ae0ab
```
#5ae0ab rgb(90,224,171)
```
#5ae0b6
```
#5ae0b6 rgb(90,224,182)
```
#5ae0c1
```
#5ae0c1 rgb(90,224,193)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#5ae0d7
```
#5ae0d7 rgb(90,224,215)
```
#5adee0
```
#5adee0 rgb(90,222,224)
```
#5ad3e0
```
#5ad3e0 rgb(90,211,224)
```

Similar Colors

Text with hexadecimal color #5ae0cc

This text has a font color of #5ae0cc.

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

#5ae0cc background color

This paragraph has a background color of #5ae0cc.

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

#5ae0cc border color

This element has a border color of #5ae0cc.

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

CSS codes

.text {color:#5ae0cc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#03110f
```
#03110f rgb(3,17,15)
```
#06211d
```
#06211d rgb(6,33,29)
```
#09322c
```
#09322c rgb(9,50,44)
```
#0c423a
```
#0c423a rgb(12,66,58)
```
#105349
```
#105349 rgb(16,83,73)
```
#136357
```
#136357 rgb(19,99,87)
```
#167466
```
#167466 rgb(22,116,102)
```
#198474
```
#198474 rgb(25,132,116)
```
#1c9583
```
#1c9583 rgb(28,149,131)
```
#1fa591
```
#1fa591 rgb(31,165,145)
```
#22b6a0
```
#22b6a0 rgb(34,182,160)
```
#25c6ae
```
#25c6ae rgb(37,198,174)
```

Shade Color Variation

#28d7bd
```
#28d7bd rgb(40,215,189)
```
#39dac2
```
#39dac2 rgb(57,218,194)
```
#49ddc7
```
#49ddc7 rgb(73,221,199)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#6be3d1
```
#6be3d1 rgb(107,227,209)
```
#7be6d6
```
#7be6d6 rgb(123,230,214)
```
#8ce9db
```
#8ce9db rgb(140,233,219)
```
#9cece0
```
#9cece0 rgb(156,236,224)
```
#adf0e6
```
#adf0e6 rgb(173,240,230)
```
#bdf3eb
```
#bdf3eb rgb(189,243,235)
```
#cef6f0
```
#cef6f0 rgb(206,246,240)
```
#def9f5
```
#def9f5 rgb(222,249,245)
```
#effcfa
```
#effcfa rgb(239,252,250)
```

Tint Color Variation

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

#96a4a2
```
#96a4a2 rgb(150,164,162)
```
#8faba7
```
#8faba7 rgb(143,171,167)
```
#87b3ac
```
#87b3ac rgb(135,179,172)
```
#80bab2
```
#80bab2 rgb(128,186,178)
```
#78c2b7
```
#78c2b7 rgb(120,194,183)
```
#71c9bc
```
#71c9bc rgb(113,201,188)
```
#69d1c1
```
#69d1c1 rgb(105,209,193)
```
#62d8c7
```
#62d8c7 rgb(98,216,199)
```
#5ae0cc
```
#5ae0cc rgb(90,224,204)
```
#52e8d1
```
#52e8d1 rgb(82,232,209)
```
#4befd7
```
#4befd7 rgb(75,239,215)
```
#43f7dc
```
#43f7dc rgb(67,247,220)
```
#3cfee1
```
#3cfee1 rgb(60,254,225)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a4beba Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cdc4 Protanopia 1% of men
#dcc8d7 Deuteranopia 1% of men
#71dced Tritanopia 0.001% of the population

Trichromacy

#a7d3c6 Protanomaly 1% of men, 0.01% of women
#acd0d3 Deuteranomaly 6% of men, 0.4% of women
#69dee1 Tritanomaly 0.01% of the population

#5ae0cc hex color

#5ae0cc Color Information

#5ae0cc Color Conversion

Color Schemes with #5ae0cc

Alternatives to #5ae0cc

#5ae0cc Preview

Shades and Tints of #5ae0cc

Tones of #5ae0cc

Color Blindness Simulator