#5ae4d5 hex color

In a RGB color space, hex #5ae4d5 is composed of 35.3% red, 89.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 6.6% yellow and 10.6% black. It has a hue angle of 173.5 degrees, a saturation of 71.9% and a lightness of 62.4%. #5ae4d5 color hex could be obtained by blending #b4ffff with #00c9ab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 89
- B 84
RGB color chart
- C 61
- M 0
- Y 7
- K 11
CMYK color chart

● #5ae4d5 color description : Soft cyan.

The hexadecimal color #5ae4d5 has RGB values of R:90, G:228, B:213 and CMYK values of C:0.61, M:0, Y:0.07, K:0.11. Its decimal value is 5956821.

Hex triplet	5ae4d5	`#5ae4d5`
RGB Decimal	90, 228, 213	`rgb(90,228,213)`
RGB Percent	35.3, 89.4, 83.5	`rgb(35.3%,89.4%,83.5%)`
CMYK	61, 0, 7, 11
HSL	173.5°, 71.9, 62.4	`hsl(173.5,71.9%,62.4%)`
HSV (or HSB)	173.5°, 60.5, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.158, -40.714, -3.832
XYZ	43.966, 62.461, 72.686
xyY	0.245, 0.349, 62.461
CIE-LCH	83.158, 40.894, 185.377
CIE-LUV	83.158, -55.302, 0.579
Hunter-Lab	79.032, -39.005, 0.793
Binary	01011010, 11100100, 11010101

#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#e45a69
```
#e45a69 rgb(228,90,105)
```

Complementary Color

#5ae490
```
#5ae490 rgb(90,228,144)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#5aaee4
```
#5aaee4 rgb(90,174,228)
```

Analogous Color

#e4905a
```
#e4905a rgb(228,144,90)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#e45aae
```
#e45aae rgb(228,90,174)
```

Split Complementary Color

#e4d55a
```
#e4d55a rgb(228,213,90)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#d55ae4
```
#d55ae4 rgb(213,90,228)
```

Triadic Color

#69e45a
```
#69e45a rgb(105,228,90)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#d55ae4
```
#d55ae4 rgb(213,90,228)
```
#e45a69
```
#e45a69 rgb(228,90,105)
```

Tetradic Color

#22d0bd
```
#22d0bd rgb(34,208,189)
```
#2eddca
```
#2eddca rgb(46,221,202)
```
#44e0cf
```
#44e0cf rgb(68,224,207)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#70e8db
```
#70e8db rgb(112,232,219)
```
#86ebe0
```
#86ebe0 rgb(134,235,224)
```
#9cefe6
```
#9cefe6 rgb(156,239,230)
```

Monochromatic Color

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

#5ae4b3
```
#5ae4b3 rgb(90,228,179)
```
#5ae4be
```
#5ae4be rgb(90,228,190)
```
#5ae4ca
```
#5ae4ca rgb(90,228,202)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#5ae4e1
```
#5ae4e1 rgb(90,228,225)
```
#5adce4
```
#5adce4 rgb(90,220,228)
```
#5ad1e4
```
#5ad1e4 rgb(90,209,228)
```

Similar Colors

Text with hexadecimal color #5ae4d5

This text has a font color of #5ae4d5.

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

#5ae4d5 background color

This paragraph has a background color of #5ae4d5.

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

#5ae4d5 border color

This element has a border color of #5ae4d5.

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

CSS codes

.text {color:#5ae4d5;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#031413
```
#031413 rgb(3,20,19)
```
#062522
```
#062522 rgb(6,37,34)
```
#093631
```
#093631 rgb(9,54,49)
```
#0c4741
```
#0c4741 rgb(12,71,65)
```
#0e5850
```
#0e5850 rgb(14,88,80)
```
#11695f
```
#11695f rgb(17,105,95)
```
#147a6f
```
#147a6f rgb(20,122,111)
```
#178a7e
```
#178a7e rgb(23,138,126)
```
#199b8d
```
#199b8d rgb(25,155,141)
```
#1cac9c
```
#1cac9c rgb(28,172,156)
```
#1fbdac
```
#1fbdac rgb(31,189,172)
```
#22cebb
```
#22cebb rgb(34,206,187)
```

Shade Color Variation

#27dcc8
```
#27dcc8 rgb(39,220,200)
```
#38decc
```
#38decc rgb(56,222,204)
```
#49e1d1
```
#49e1d1 rgb(73,225,209)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#6be7d9
```
#6be7d9 rgb(107,231,217)
```
#7ceade
```
#7ceade rgb(124,234,222)
```
#8dece2
```
#8dece2 rgb(141,236,226)
```
#9defe6
```
#9defe6 rgb(157,239,230)
```
#aef2ea
```
#aef2ea rgb(174,242,234)
```
#bff5ef
```
#bff5ef rgb(191,245,239)
```
#d0f7f3
```
#d0f7f3 rgb(208,247,243)
```
#e1faf7
```
#e1faf7 rgb(225,250,247)
```
#f2fdfc
```
#f2fdfc rgb(242,253,252)
```

Tint Color Variation

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

#9ca2a1
```
#9ca2a1 rgb(156,162,161)
```
#95a9a7
```
#95a9a7 rgb(149,169,167)
```
#8eb0ad
```
#8eb0ad rgb(142,176,173)
```
#86b8b2
```
#86b8b2 rgb(134,184,178)
```
#7fbfb8
```
#7fbfb8 rgb(127,191,184)
```
#78c6be
```
#78c6be rgb(120,198,190)
```
#70cec4
```
#70cec4 rgb(112,206,196)
```
#69d5c9
```
#69d5c9 rgb(105,213,201)
```
#61ddcf
```
#61ddcf rgb(97,221,207)
```
#5ae4d5
```
#5ae4d5 rgb(90,228,213)
```
#53ebdb
```
#53ebdb rgb(83,235,219)
```
#4bf3e1
```
#4bf3e1 rgb(75,243,225)
```
#44fae6
```
#44fae6 rgb(68,250,230)
```

Tone Color Variation

Below, you can see how #5ae4d5 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
#a6c2bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d0cc Protanopia 1% of men
#decce0 Deuteranopia 1% of men
#70e1f1 Tritanopia 0.001% of the population

Trichromacy

#a9d7cf Protanomaly 1% of men, 0.01% of women
#aed4dc Deuteranomaly 6% of men, 0.4% of women
#68e2e7 Tritanomaly 0.01% of the population

#5ae4d5 hex color

#5ae4d5 Color Information

#5ae4d5 Color Conversion

Color Schemes with #5ae4d5

Alternatives to #5ae4d5

#5ae4d5 Preview

Shades and Tints of #5ae4d5

Tones of #5ae4d5

Color Blindness Simulator