#5ad8ce hex color

In a RGB color space, hex #5ad8ce is composed of 35.3% red, 84.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 0% magenta, 4.6% yellow and 15.3% black. It has a hue angle of 175.2 degrees, a saturation of 61.8% and a lightness of 60%. #5ad8ce color hex could be obtained by blending #b4ffff with #00b19d. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 85
- B 81
RGB color chart
- C 58
- M 0
- Y 5
- K 15
CMYK color chart

● #5ad8ce color description : Moderate cyan.

The hexadecimal color #5ad8ce has RGB values of R:90, G:216, B:206 and CMYK values of C:0.58, M:0, Y:0.05, K:0.15. Its decimal value is 5953742.

Hex triplet	5ad8ce	`#5ad8ce`
RGB Decimal	90, 216, 206	`rgb(90,216,206)`
RGB Percent	35.3, 84.7, 80.8	`rgb(35.3%,84.7%,80.8%)`
CMYK	58, 0, 5, 15
HSL	175.2°, 61.8, 60	`hsl(175.2,61.8%,60%)`
HSV (or HSB)	175.2°, 58.3, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.465, -37.074, -5.555
XYZ	39.909, 55.738, 67.044
xyY	0.245, 0.343, 55.738
CIE-LCH	79.465, 37.488, 188.522
CIE-LUV	79.465, -51.272, -2.693
Hunter-Lab	74.658, -35.232, -0.983
Binary	01011010, 11011000, 11001110

#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#d85a64
```
#d85a64 rgb(216,90,100)
```

Complementary Color

#5ad88f
```
#5ad88f rgb(90,216,143)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#5aa3d8
```
#5aa3d8 rgb(90,163,216)
```

Analogous Color

#d88f5a
```
#d88f5a rgb(216,143,90)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#d85aa3
```
#d85aa3 rgb(216,90,163)
```

Split Complementary Color

#d8ce5a
```
#d8ce5a rgb(216,206,90)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#ce5ad8
```
#ce5ad8 rgb(206,90,216)
```

Triadic Color

#64d85a
```
#64d85a rgb(100,216,90)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#ce5ad8
```
#ce5ad8 rgb(206,90,216)
```
#d85a64
```
#d85a64 rgb(216,90,100)
```

Tetradic Color

#2cbaae
```
#2cbaae rgb(44,186,174)
```
#31cec2
```
#31cec2 rgb(49,206,194)
```
#45d3c8
```
#45d3c8 rgb(69,211,200)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#6fddd4
```
#6fddd4 rgb(111,221,212)
```
#83e2da
```
#83e2da rgb(131,226,218)
```
#98e7e0
```
#98e7e0 rgb(152,231,224)
```

Monochromatic Color

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

#5ad8af
```
#5ad8af rgb(90,216,175)
```
#5ad8b9
```
#5ad8b9 rgb(90,216,185)
```
#5ad8c4
```
#5ad8c4 rgb(90,216,196)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#5ad8d8
```
#5ad8d8 rgb(90,216,216)
```
#5acdd8
```
#5acdd8 rgb(90,205,216)
```
#5ac3d8
```
#5ac3d8 rgb(90,195,216)
```

Similar Colors

Text with hexadecimal color #5ad8ce

This text has a font color of #5ad8ce.

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

#5ad8ce background color

This paragraph has a background color of #5ad8ce.

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

#5ad8ce border color

This element has a border color of #5ad8ce.

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

CSS codes

.text {color:#5ad8ce;}

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

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

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061918
```
#061918 rgb(6,25,24)
```
#0a2927
```
#0a2927 rgb(10,41,39)
```
#0e3936
```
#0e3936 rgb(14,57,54)
```
#114945
```
#114945 rgb(17,73,69)
```
#155953
```
#155953 rgb(21,89,83)
```
#196962
```
#196962 rgb(25,105,98)
```
#1d7971
```
#1d7971 rgb(29,121,113)
```
#208880
```
#208880 rgb(32,136,128)
```
#24988f
```
#24988f rgb(36,152,143)
```
#28a89e
```
#28a89e rgb(40,168,158)
```
#2cb8ad
```
#2cb8ad rgb(44,184,173)
```
#2fc8bc
```
#2fc8bc rgb(47,200,188)
```

Shade Color Variation

#3ad1c5
```
#3ad1c5 rgb(58,209,197)
```
#4ad4c9
```
#4ad4c9 rgb(74,212,201)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#6adcd3
```
#6adcd3 rgb(106,220,211)
```
#7ae0d7
```
#7ae0d7 rgb(122,224,215)
```
#8ae3dc
```
#8ae3dc rgb(138,227,220)
```
#99e7e1
```
#99e7e1 rgb(153,231,225)
```
#a9ebe6
```
#a9ebe6 rgb(169,235,230)
```
#b9efea
```
#b9efea rgb(185,239,234)
```
#c9f2ef
```
#c9f2ef rgb(201,242,239)
```
#d9f6f4
```
#d9f6f4 rgb(217,246,244)
```
#e9faf8
```
#e9faf8 rgb(233,250,248)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#999999
```
#999999 rgb(153,153,153)
```
#91a1a0
```
#91a1a0 rgb(145,161,160)
```
#89a9a6
```
#89a9a6 rgb(137,169,166)
```
#81b1ad
```
#81b1ad rgb(129,177,173)
```
#79b9b4
```
#79b9b4 rgb(121,185,180)
```
#72c0ba
```
#72c0ba rgb(114,192,186)
```
#6ac8c1
```
#6ac8c1 rgb(106,200,193)
```
#62d0c7
```
#62d0c7 rgb(98,208,199)
```
#5ad8ce
```
#5ad8ce rgb(90,216,206)
```
#52e0d5
```
#52e0d5 rgb(82,224,213)
```
#4ae8db
```
#4ae8db rgb(74,232,219)
```
#42f0e2
```
#42f0e2 rgb(66,240,226)
```
#3bf7e8
```
#3bf7e8 rgb(59,247,232)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc6c6 Protanopia 1% of men
#d2c2d8 Deuteranopia 1% of men
#6dd6e6 Tritanopia 0.001% of the population

Trichromacy

#a2cdc9 Protanomaly 1% of men, 0.01% of women
#a6cad4 Deuteranomaly 6% of men, 0.4% of women
#66d7dd Tritanomaly 0.01% of the population

#5ad8ce hex color

#5ad8ce Color Information

#5ad8ce Color Conversion

Color Schemes with #5ad8ce

Alternatives to #5ad8ce

#5ad8ce Preview

Shades and Tints of #5ad8ce

Tones of #5ad8ce

Color Blindness Simulator