#5ae2d7 hex color

In a RGB color space, hex #5ae2d7 is composed of 35.3% red, 88.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 4.9% yellow and 11.4% black. It has a hue angle of 175.1 degrees, a saturation of 70.1% and a lightness of 62%. #5ae2d7 color hex could be obtained by blending #b4ffff with #00c5af. Closest websafe color is: #66cccc.

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

● #5ae2d7 color description : Soft cyan.

The hexadecimal color #5ae2d7 has RGB values of R:90, G:226, B:215 and CMYK values of C:0.6, M:0, Y:0.05, K:0.11. Its decimal value is 5956311.

Hex triplet	5ae2d7	`#5ae2d7`
RGB Decimal	90, 226, 215	`rgb(90,226,215)`
RGB Percent	35.3, 88.6, 84.3	`rgb(35.3%,88.6%,84.3%)`
CMYK	60, 0, 5, 11
HSL	175.1°, 70.1, 62	`hsl(175.1,70.1%,62%)`
HSV (or HSB)	175.1°, 60.2, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.63, -39.296, -5.67
XYZ	43.675, 61.469, 73.849
xyY	0.244, 0.343, 61.469
CIE-LCH	82.63, 39.703, 188.21
CIE-LUV	82.63, -54.456, -2.547
Hunter-Lab	78.402, -37.769, -0.965
Binary	01011010, 11100010, 11010111

#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#e25a65
```
#e25a65 rgb(226,90,101)
```

Complementary Color

#5ae293
```
#5ae293 rgb(90,226,147)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#5aa9e2
```
#5aa9e2 rgb(90,169,226)
```

Analogous Color

#e2935a
```
#e2935a rgb(226,147,90)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#e25aa9
```
#e25aa9 rgb(226,90,169)
```

Split Complementary Color

#e2d75a
```
#e2d75a rgb(226,215,90)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#d75ae2
```
#d75ae2 rgb(215,90,226)
```

Triadic Color

#65e25a
```
#65e25a rgb(101,226,90)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#d75ae2
```
#d75ae2 rgb(215,90,226)
```
#e25a65
```
#e25a65 rgb(226,90,101)
```

Tetradic Color

#24ccbe
```
#24ccbe rgb(36,204,190)
```
#2fdacc
```
#2fdacc rgb(47,218,204)
```
#44ded2
```
#44ded2 rgb(68,222,210)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#70e6dc
```
#70e6dc rgb(112,230,220)
```
#85eae2
```
#85eae2 rgb(133,234,226)
```
#9bede7
```
#9bede7 rgb(155,237,231)
```

Monochromatic Color

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

#5ae2b5
```
#5ae2b5 rgb(90,226,181)
```
#5ae2c0
```
#5ae2c0 rgb(90,226,192)
```
#5ae2cc
```
#5ae2cc rgb(90,226,204)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#5ae2e2
```
#5ae2e2 rgb(90,226,226)
```
#5ad6e2
```
#5ad6e2 rgb(90,214,226)
```
#5acbe2
```
#5acbe2 rgb(90,203,226)
```

Similar Colors

Text with hexadecimal color #5ae2d7

This text has a font color of #5ae2d7.

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

#5ae2d7 background color

This paragraph has a background color of #5ae2d7.

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

#5ae2d7 border color

This element has a border color of #5ae2d7.

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

CSS codes

.text {color:#5ae2d7;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031311
```
#031311 rgb(3,19,17)
```
#062321
```
#062321 rgb(6,35,33)
```
#093430
```
#093430 rgb(9,52,48)
```
#0c4540
```
#0c4540 rgb(12,69,64)
```
#0f5550
```
#0f5550 rgb(15,85,80)
```
#12665f
```
#12665f rgb(18,102,95)
```
#15776f
```
#15776f rgb(21,119,111)
```
#18877e
```
#18877e rgb(24,135,126)
```
#1b988e
```
#1b988e rgb(27,152,142)
```
#1ea99d
```
#1ea99d rgb(30,169,157)
```
#21b9ad
```
#21b9ad rgb(33,185,173)
```
#24cabd
```
#24cabd rgb(36,202,189)
```

Shade Color Variation

#28d9cb
```
#28d9cb rgb(40,217,203)
```
#39dccf
```
#39dccf rgb(57,220,207)
```
#49dfd3
```
#49dfd3 rgb(73,223,211)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#6be5db
```
#6be5db rgb(107,229,219)
```
#7be8df
```
#7be8df rgb(123,232,223)
```
#8cebe3
```
#8cebe3 rgb(140,235,227)
```
#9deee7
```
#9deee7 rgb(157,238,231)
```
#adf1eb
```
#adf1eb rgb(173,241,235)
```
#bef4ef
```
#bef4ef rgb(190,244,239)
```
#cff7f3
```
#cff7f3 rgb(207,247,243)
```
#dff9f7
```
#dff9f7 rgb(223,249,247)
```
#f0fcfb
```
#f0fcfb rgb(240,252,251)
```

Tint Color Variation

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

#9d9f9f
```
#9d9f9f rgb(157,159,159)
```
#96a6a5
```
#96a6a5 rgb(150,166,165)
```
#8eaeab
```
#8eaeab rgb(142,174,171)
```
#87b5b1
```
#87b5b1 rgb(135,181,177)
```
#7fbdb8
```
#7fbdb8 rgb(127,189,184)
```
#78c4be
```
#78c4be rgb(120,196,190)
```
#70ccc4
```
#70ccc4 rgb(112,204,196)
```
#69d3ca
```
#69d3ca rgb(105,211,202)
```
#61dbd1
```
#61dbd1 rgb(97,219,209)
```
#5ae2d7
```
#5ae2d7 rgb(90,226,215)
```
#53e9dd
```
#53e9dd rgb(83,233,221)
```
#4bf1e4
```
#4bf1e4 rgb(75,241,228)
```
#44f8ea
```
#44f8ea rgb(68,248,234)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a5c0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cfce Protanopia 1% of men
#dacae1 Deuteranopia 1% of men
#6edff0 Tritanopia 0.001% of the population

Trichromacy

#a7d6d1 Protanomaly 1% of men, 0.01% of women
#acd3dd Deuteranomaly 6% of men, 0.4% of women
#67e0e7 Tritanomaly 0.01% of the population

#5ae2d7 hex color

#5ae2d7 Color Information

#5ae2d7 Color Conversion

Color Schemes with #5ae2d7

Alternatives to #5ae2d7

#5ae2d7 Preview

Shades and Tints of #5ae2d7

Tones of #5ae2d7

Color Blindness Simulator