#5ad8e1 hex color

In a RGB color space, hex #5ad8e1 is composed of 35.3% red, 84.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 4% magenta, 0% yellow and 11.8% black. It has a hue angle of 184 degrees, a saturation of 69.2% and a lightness of 61.8%. #5ad8e1 color hex could be obtained by blending #b4ffff with #00b1c3. Closest websafe color is: #66cccc.

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

● #5ad8e1 color description : Soft cyan.

The hexadecimal color #5ad8e1 has RGB values of R:90, G:216, B:225 and CMYK values of C:0.6, M:0.04, Y:0, K:0.12. Its decimal value is 5953761.

Hex triplet	5ad8e1	`#5ad8e1`
RGB Decimal	90, 216, 225	`rgb(90,216,225)`
RGB Percent	35.3, 84.7, 88.2	`rgb(35.3%,84.7%,88.2%)`
CMYK	60, 4, 0, 12
HSL	184°, 69.2, 61.8	`hsl(184,69.2%,61.8%)`
HSV (or HSB)	184°, 60, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.021, -31.963, -14.876
XYZ	42.359, 56.718, 79.945
xyY	0.237, 0.317, 56.718
CIE-LCH	80.021, 35.255, 204.959
CIE-LUV	80.021, -50.234, -18.498
Hunter-Lab	75.312, -31.398, -10.22
Binary	01011010, 11011000, 11100001

#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#e1635a
```
#e1635a rgb(225,99,90)
```

Complementary Color

#5ae1a7
```
#5ae1a7 rgb(90,225,167)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#5a95e1
```
#5a95e1 rgb(90,149,225)
```

Analogous Color

#e1a75a
```
#e1a75a rgb(225,167,90)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#e15a95
```
#e15a95 rgb(225,90,149)
```

Split Complementary Color

#d8e15a
```
#d8e15a rgb(216,225,90)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#e15ad8
```
#e15ad8 rgb(225,90,216)
```

Triadic Color

#5ae163
```
#5ae163 rgb(90,225,99)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#e15ad8
```
#e15ad8 rgb(225,90,216)
```
#e1635a
```
#e1635a rgb(225,99,90)
```

Tetradic Color

#25bfca
```
#25bfca rgb(37,191,202)
```
#2fced9
```
#2fced9 rgb(47,206,217)
```
#44d3dd
```
#44d3dd rgb(68,211,221)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#70dde5
```
#70dde5 rgb(112,221,229)
```
#85e2e9
```
#85e2e9 rgb(133,226,233)
```
#9be7ed
```
#9be7ed rgb(155,231,237)
```

Monochromatic Color

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

#5ae1c8
```
#5ae1c8 rgb(90,225,200)
```
#5ae1d4
```
#5ae1d4 rgb(90,225,212)
```
#5ae1df
```
#5ae1df rgb(90,225,223)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#5acde1
```
#5acde1 rgb(90,205,225)
```
#5ac2e1
```
#5ac2e1 rgb(90,194,225)
```
#5ab6e1
```
#5ab6e1 rgb(90,182,225)
```

Similar Colors

Text with hexadecimal color #5ad8e1

This text has a font color of #5ad8e1.

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

#5ad8e1 background color

This paragraph has a background color of #5ad8e1.

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

#5ad8e1 border color

This element has a border color of #5ad8e1.

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

CSS codes

.text {color:#5ad8e1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031112
```
#031112 rgb(3,17,18)
```
#062022
```
#062022 rgb(6,32,34)
```
#093033
```
#093033 rgb(9,48,51)
```
#0c4043
```
#0c4043 rgb(12,64,67)
```
#0f4f54
```
#0f4f54 rgb(15,79,84)
```
#125f65
```
#125f65 rgb(18,95,101)
```
#156f75
```
#156f75 rgb(21,111,117)
```
#187e86
```
#187e86 rgb(24,126,134)
```
#1b8e96
```
#1b8e96 rgb(27,142,150)
```
#1e9ea7
```
#1e9ea7 rgb(30,158,167)
```
#21aeb8
```
#21aeb8 rgb(33,174,184)
```
#24bdc8
```
#24bdc8 rgb(36,189,200)
```

Shade Color Variation

#28ccd8
```
#28ccd8 rgb(40,204,216)
```
#39d0db
```
#39d0db rgb(57,208,219)
```
#49d4de
```
#49d4de rgb(73,212,222)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#6bdce4
```
#6bdce4 rgb(107,220,228)
```
#7be0e7
```
#7be0e7 rgb(123,224,231)
```
#8ce4ea
```
#8ce4ea rgb(140,228,234)
```
#9ce8ed
```
#9ce8ed rgb(156,232,237)
```
#adecf0
```
#adecf0 rgb(173,236,240)
```
#bef0f3
```
#bef0f3 rgb(190,240,243)
```
#cef3f6
```
#cef3f6 rgb(206,243,246)
```
#dff7f9
```
#dff7f9 rgb(223,247,249)
```
#effbfc
```
#effbfc rgb(239,251,252)
```

Tint Color Variation

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

#96a4a5
```
#96a4a5 rgb(150,164,165)
```
#8fabad
```
#8fabad rgb(143,171,173)
```
#87b1b4
```
#87b1b4 rgb(135,177,180)
```
#80b8bc
```
#80b8bc rgb(128,184,188)
```
#78bec3
```
#78bec3 rgb(120,190,195)
```
#71c5cb
```
#71c5cb rgb(113,197,203)
```
#69cbd2
```
#69cbd2 rgb(105,203,210)
```
#62d2da
```
#62d2da rgb(98,210,218)
```
#5ad8e1
```
#5ad8e1 rgb(90,216,225)
```
#53dfe9
```
#53dfe9 rgb(83,223,233)
```
#4be5f0
```
#4be5f0 rgb(75,229,240)
```
#44ecf8
```
#44ecf8 rgb(68,236,248)
```
#3cf2ff
```
#3cf2ff rgb(60,242,255)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1babc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c8d8 Protanopia 1% of men
#cbc5ea Deuteranopia 1% of men
#66d8e8 Tritanopia 0.001% of the population

Trichromacy

#a0cddb Protanomaly 1% of men, 0.01% of women
#a2cbe6 Deuteranomaly 6% of men, 0.4% of women
#61d8e5 Tritanomaly 0.01% of the population

#5ad8e1 hex color

#5ad8e1 Color Information

#5ad8e1 Color Conversion

Color Schemes with #5ad8e1

Alternatives to #5ad8e1

#5ad8e1 Preview

Shades and Tints of #5ad8e1

Tones of #5ad8e1

Color Blindness Simulator