#5ae2de hex color

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

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

● #5ae2de color description : Soft cyan.

The hexadecimal color #5ae2de has RGB values of R:90, G:226, B:222 and CMYK values of C:0.6, M:0, Y:0.02, K:0.11. Its decimal value is 5956318.

Hex triplet	5ae2de	`#5ae2de`
RGB Decimal	90, 226, 222	`rgb(90,226,222)`
RGB Percent	35.3, 88.6, 87.1	`rgb(35.3%,88.6%,87.1%)`
CMYK	60, 0, 2, 11
HSL	178.2°, 70.1, 62	`hsl(178.2,70.1%,62%)`
HSV (or HSB)	178.2°, 60.2, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.826, -37.455, -9.089
XYZ	44.594, 61.837, 78.689
xyY	0.241, 0.334, 61.837
CIE-LCH	82.826, 38.542, 193.64
CIE-LUV	82.826, -54.057, -8.305
Hunter-Lab	78.636, -36.388, -4.284
Binary	01011010, 11100010, 11011110

#5ae2de
```
#5ae2de rgb(90,226,222)
```
#e25a5e
```
#e25a5e rgb(226,90,94)
```

Complementary Color

#5ae29a
```
#5ae29a rgb(90,226,154)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#5aa2e2
```
#5aa2e2 rgb(90,162,226)
```

Analogous Color

#e29a5a
```
#e29a5a rgb(226,154,90)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#e25aa2
```
#e25aa2 rgb(226,90,162)
```

Split Complementary Color

#e2de5a
```
#e2de5a rgb(226,222,90)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#de5ae2
```
#de5ae2 rgb(222,90,226)
```

Triadic Color

#5ee25a
```
#5ee25a rgb(94,226,90)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#de5ae2
```
#de5ae2 rgb(222,90,226)
```
#e25a5e
```
#e25a5e rgb(226,90,94)
```

Tetradic Color

#24ccc7
```
#24ccc7 rgb(36,204,199)
```
#2fdad5
```
#2fdad5 rgb(47,218,213)
```
#44deda
```
#44deda rgb(68,222,218)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#70e6e2
```
#70e6e2 rgb(112,230,226)
```
#85eae7
```
#85eae7 rgb(133,234,231)
```
#9bedeb
```
#9bedeb rgb(155,237,235)
```

Monochromatic Color

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

#5ae2bc
```
#5ae2bc rgb(90,226,188)
```
#5ae2c7
```
#5ae2c7 rgb(90,226,199)
```
#5ae2d3
```
#5ae2d3 rgb(90,226,211)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#5adbe2
```
#5adbe2 rgb(90,219,226)
```
#5acfe2
```
#5acfe2 rgb(90,207,226)
```
#5ac4e2
```
#5ac4e2 rgb(90,196,226)
```

Similar Colors

Text with hexadecimal color #5ae2de

This text has a font color of #5ae2de.

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

#5ae2de background color

This paragraph has a background color of #5ae2de.

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

#5ae2de border color

This element has a border color of #5ae2de.

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

CSS codes

.text {color:#5ae2de;}

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

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

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 #f0fcfc is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#031312
```
#031312 rgb(3,19,18)
```
#062322
```
#062322 rgb(6,35,34)
```
#093433
```
#093433 rgb(9,52,51)
```
#0c4543
```
#0c4543 rgb(12,69,67)
```
#0f5553
```
#0f5553 rgb(15,85,83)
```
#126663
```
#126663 rgb(18,102,99)
```
#157774
```
#157774 rgb(21,119,116)
```
#188784
```
#188784 rgb(24,135,132)
```
#1b9894
```
#1b9894 rgb(27,152,148)
```
#1ea9a5
```
#1ea9a5 rgb(30,169,165)
```
#21b9b5
```
#21b9b5 rgb(33,185,181)
```
#24cac5
```
#24cac5 rgb(36,202,197)
```

Shade Color Variation

#28d9d4
```
#28d9d4 rgb(40,217,212)
```
#39dcd7
```
#39dcd7 rgb(57,220,215)
```
#49dfdb
```
#49dfdb rgb(73,223,219)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#6be5e1
```
#6be5e1 rgb(107,229,225)
```
#7be8e5
```
#7be8e5 rgb(123,232,229)
```
#8cebe8
```
#8cebe8 rgb(140,235,232)
```
#9deeeb
```
#9deeeb rgb(157,238,235)
```
#adf1ef
```
#adf1ef rgb(173,241,239)
```
#bef4f2
```
#bef4f2 rgb(190,244,242)
```
#cff7f5
```
#cff7f5 rgb(207,247,245)
```
#dff9f9
```
#dff9f9 rgb(223,249,249)
```
#f0fcfc
```
#f0fcfc rgb(240,252,252)
```

Tint Color Variation

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

#9d9f9f
```
#9d9f9f rgb(157,159,159)
```
#96a6a6
```
#96a6a6 rgb(150,166,166)
```
#8eaead
```
#8eaead rgb(142,174,173)
```
#87b5b4
```
#87b5b4 rgb(135,181,180)
```
#7fbdbb
```
#7fbdbb rgb(127,189,187)
```
#78c4c2
```
#78c4c2 rgb(120,196,194)
```
#70ccc9
```
#70ccc9 rgb(112,204,201)
```
#69d3d0
```
#69d3d0 rgb(105,211,208)
```
#61dbd7
```
#61dbd7 rgb(97,219,215)
```
#5ae2de
```
#5ae2de rgb(90,226,222)
```
#53e9e5
```
#53e9e5 rgb(83,233,229)
```
#4bf1ec
```
#4bf1ec rgb(75,241,236)
```
#44f8f3
```
#44f8f3 rgb(68,248,243)
```

Tone Color Variation

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

Dichromacy

#d2cfd4 Protanopia 1% of men
#d8cbe8 Deuteranopia 1% of men
#6ce0f1 Tritanopia 0.001% of the population

Trichromacy

#a6d6d8 Protanomaly 1% of men, 0.01% of women
#aad3e4 Deuteranomaly 6% of men, 0.4% of women
#65e1ea Tritanomaly 0.01% of the population

#5ae2de hex color

#5ae2de Color Information

#5ae2de Color Conversion

Color Schemes with #5ae2de

Alternatives to #5ae2de

#5ae2de Preview

Shades and Tints of #5ae2de

Tones of #5ae2de

Color Blindness Simulator