#5ae5d1 hex color

In a RGB color space, hex #5ae5d1 is composed of 35.3% red, 89.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 8.7% yellow and 10.2% black. It has a hue angle of 171.4 degrees, a saturation of 72.8% and a lightness of 62.5%. #5ae5d1 color hex could be obtained by blending #b4ffff with #00cba3. Closest websafe color is: #66cccc.

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

● #5ae5d1 color description : Soft cyan.

The hexadecimal color #5ae5d1 has RGB values of R:90, G:229, B:209 and CMYK values of C:0.61, M:0, Y:0.09, K:0.1. Its decimal value is 5957073.

Hex triplet	5ae5d1	`#5ae5d1`
RGB Decimal	90, 229, 209	`rgb(90,229,209)`
RGB Percent	35.3, 89.8, 82	`rgb(35.3%,89.8%,82%)`
CMYK	61, 0, 9, 10
HSL	171.4°, 72.8, 62.5	`hsl(171.4,72.8%,62.5%)`
HSV (or HSB)	171.4°, 60.7, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.343, -42.176, -1.445
XYZ	43.741, 62.812, 70.137
xyY	0.248, 0.355, 62.812
CIE-LCH	83.343, 42.201, 181.962
CIE-LUV	83.343, -55.897, 4.549
Hunter-Lab	79.254, -40.18, 3.008
Binary	01011010, 11100101, 11010001

#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#e55a6e
```
#e55a6e rgb(229,90,110)
```

Complementary Color

#5ae58c
```
#5ae58c rgb(90,229,140)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#5ab4e5
```
#5ab4e5 rgb(90,180,229)
```

Analogous Color

#e58c5a
```
#e58c5a rgb(229,140,90)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#e55ab4
```
#e55ab4 rgb(229,90,180)
```

Split Complementary Color

#e5d15a
```
#e5d15a rgb(229,209,90)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#d15ae5
```
#d15ae5 rgb(209,90,229)
```

Triadic Color

#6ee55a
```
#6ee55a rgb(110,229,90)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#d15ae5
```
#d15ae5 rgb(209,90,229)
```
#e55a6e
```
#e55a6e rgb(229,90,110)
```

Tetradic Color

#21d1b8
```
#21d1b8 rgb(33,209,184)
```
#2edec5
```
#2edec5 rgb(46,222,197)
```
#44e2cb
```
#44e2cb rgb(68,226,203)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#70e8d7
```
#70e8d7 rgb(112,232,215)
```
#86ecdd
```
#86ecdd rgb(134,236,221)
```
#9cefe3
```
#9cefe3 rgb(156,239,227)
```

Monochromatic Color

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

#5ae5ae
```
#5ae5ae rgb(90,229,174)
```
#5ae5ba
```
#5ae5ba rgb(90,229,186)
```
#5ae5c5
```
#5ae5c5 rgb(90,229,197)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#5ae5dd
```
#5ae5dd rgb(90,229,221)
```
#5ae2e5
```
#5ae2e5 rgb(90,226,229)
```
#5ad6e5
```
#5ad6e5 rgb(90,214,229)
```

Similar Colors

Text with hexadecimal color #5ae5d1

This text has a font color of #5ae5d1.

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

#5ae5d1 background color

This paragraph has a background color of #5ae5d1.

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

#5ae5d1 border color

This element has a border color of #5ae5d1.

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

CSS codes

.text {color:#5ae5d1;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031513
```
#031513 rgb(3,21,19)
```
#062622
```
#062622 rgb(6,38,34)
```
#093731
```
#093731 rgb(9,55,49)
```
#0b483f
```
#0b483f rgb(11,72,63)
```
#0e594e
```
#0e594e rgb(14,89,78)
```
#116a5d
```
#116a5d rgb(17,106,93)
```
#137b6c
```
#137b6c rgb(19,123,108)
```
#168c7b
```
#168c7b rgb(22,140,123)
```
#199d8a
```
#199d8a rgb(25,157,138)
```
#1bae99
```
#1bae99 rgb(27,174,153)
```
#1ebfa8
```
#1ebfa8 rgb(30,191,168)
```
#21d0b7
```
#21d0b7 rgb(33,208,183)
```

Shade Color Variation

#27ddc3
```
#27ddc3 rgb(39,221,195)
```
#38e0c8
```
#38e0c8 rgb(56,224,200)
```
#49e2cc
```
#49e2cc rgb(73,226,204)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#6be8d6
```
#6be8d6 rgb(107,232,214)
```
#7ceada
```
#7ceada rgb(124,234,218)
```
#8deddf
```
#8deddf rgb(141,237,223)
```
#9ef0e4
```
#9ef0e4 rgb(158,240,228)
```
#aff2e9
```
#aff2e9 rgb(175,242,233)
```
#c0f5ed
```
#c0f5ed rgb(192,245,237)
```
#d1f8f2
```
#d1f8f2 rgb(209,248,242)
```
#e2faf7
```
#e2faf7 rgb(226,250,247)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

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

#9ca3a2
```
#9ca3a2 rgb(156,163,162)
```
#95aaa7
```
#95aaa7 rgb(149,170,167)
```
#8db2ac
```
#8db2ac rgb(141,178,172)
```
#86b9b2
```
#86b9b2 rgb(134,185,178)
```
#7fc0b7
```
#7fc0b7 rgb(127,192,183)
```
#77c8bc
```
#77c8bc rgb(119,200,188)
```
#70cfc1
```
#70cfc1 rgb(112,207,193)
```
#69d6c7
```
#69d6c7 rgb(105,214,199)
```
#61decc
```
#61decc rgb(97,222,204)
```
#5ae5d1
```
#5ae5d1 rgb(90,229,209)
```
#53ecd6
```
#53ecd6 rgb(83,236,214)
```
#4bf4db
```
#4bf4db rgb(75,244,219)
```
#44fbe1
```
#44fbe1 rgb(68,251,225)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a6c2be Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d1c8 Protanopia 1% of men
#e0ccdc Deuteranopia 1% of men
#72e1f2 Tritanopia 0.001% of the population

Trichromacy

#aad8cb Protanomaly 1% of men, 0.01% of women
#afd5d8 Deuteranomaly 6% of men, 0.4% of women
#69e2e6 Tritanomaly 0.01% of the population

#5ae5d1 hex color

#5ae5d1 Color Information

#5ae5d1 Color Conversion

Color Schemes with #5ae5d1

Alternatives to #5ae5d1

#5ae5d1 Preview

Shades and Tints of #5ae5d1

Tones of #5ae5d1

Color Blindness Simulator