#5ad2d6 hex color

In a RGB color space, hex #5ad2d6 is composed of 35.3% red, 82.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 1.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 181.9 degrees, a saturation of 60.2% and a lightness of 59.6%. #5ad2d6 color hex could be obtained by blending #b4ffff with #00a5ad. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 82
- B 84
RGB color chart
- C 58
- M 2
- Y 0
- K 16
CMYK color chart

● #5ad2d6 color description : Moderate cyan.

The hexadecimal color #5ad2d6 has RGB values of R:90, G:210, B:214 and CMYK values of C:0.58, M:0.02, Y:0, K:0.16. Its decimal value is 5952214.

Hex triplet	5ad2d6	`#5ad2d6`
RGB Decimal	90, 210, 214	`rgb(90,210,214)`
RGB Percent	35.3, 82.4, 83.9	`rgb(35.3%,82.4%,83.9%)`
CMYK	58, 2, 0, 16
HSL	181.9°, 60.2, 59.6	`hsl(181.9,60.2%,59.6%)`
HSV (or HSB)	181.9°, 57.9, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.945, -32.133, -12.1
XYZ	39.397, 53.119, 71.791
xyY	0.24, 0.323, 53.119
CIE-LCH	77.945, 34.336, 200.634
CIE-LUV	77.945, -48.615, -13.887
Hunter-Lab	72.883, -31.055, -7.384
Binary	01011010, 11010010, 11010110

#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#d65e5a
```
#d65e5a rgb(214,94,90)
```

Complementary Color

#5ad69c
```
#5ad69c rgb(90,214,156)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#5a94d6
```
#5a94d6 rgb(90,148,214)
```

Analogous Color

#d69c5a
```
#d69c5a rgb(214,156,90)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#d65a94
```
#d65a94 rgb(214,90,148)
```

Split Complementary Color

#d2d65a
```
#d2d65a rgb(210,214,90)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#d65ad2
```
#d65ad2 rgb(214,90,210)
```

Triadic Color

#5ad65e
```
#5ad65e rgb(90,214,94)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#d65ad2
```
#d65ad2 rgb(214,90,210)
```
#d65e5a
```
#d65e5a rgb(214,94,90)
```

Tetradic Color

#2db2b6
```
#2db2b6 rgb(45,178,182)
```
#32c6cb
```
#32c6cb rgb(50,198,203)
```
#46ccd1
```
#46ccd1 rgb(70,204,209)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#6ed8db
```
#6ed8db rgb(110,216,219)
```
#83dde0
```
#83dde0 rgb(131,221,224)
```
#97e3e5
```
#97e3e5 rgb(151,227,229)
```

Monochromatic Color

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

#5ad6bb
```
#5ad6bb rgb(90,214,187)
```
#5ad6c5
```
#5ad6c5 rgb(90,214,197)
```
#5ad6d0
```
#5ad6d0 rgb(90,214,208)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#5ac8d6
```
#5ac8d6 rgb(90,200,214)
```
#5abdd6
```
#5abdd6 rgb(90,189,214)
```
#5ab3d6
```
#5ab3d6 rgb(90,179,214)
```

Similar Colors

Text with hexadecimal color #5ad2d6

This text has a font color of #5ad2d6.

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

#5ad2d6 background color

This paragraph has a background color of #5ad2d6.

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

#5ad2d6 border color

This element has a border color of #5ad2d6.

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

CSS codes

.text {color:#5ad2d6;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061718
```
#061718 rgb(6,23,24)
```
#0a2627
```
#0a2627 rgb(10,38,39)
```
#0e3637
```
#0e3637 rgb(14,54,55)
```
#124547
```
#124547 rgb(18,69,71)
```
#155456
```
#155456 rgb(21,84,86)
```
#196466
```
#196466 rgb(25,100,102)
```
#1d7376
```
#1d7376 rgb(29,115,118)
```
#218286
```
#218286 rgb(33,130,134)
```
#259295
```
#259295 rgb(37,146,149)
```
#29a1a5
```
#29a1a5 rgb(41,161,165)
```
#2db0b5
```
#2db0b5 rgb(45,176,181)
```
#31c0c4
```
#31c0c4 rgb(49,192,196)
```

Shade Color Variation

#3bc9ce
```
#3bc9ce rgb(59,201,206)
```
#4aced2
```
#4aced2 rgb(74,206,210)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#6ad6da
```
#6ad6da rgb(106,214,218)
```
#79dbde
```
#79dbde rgb(121,219,222)
```
#89dfe2
```
#89dfe2 rgb(137,223,226)
```
#99e3e6
```
#99e3e6 rgb(153,227,230)
```
#a9e7ea
```
#a9e7ea rgb(169,231,234)
```
#b8eced
```
#b8eced rgb(184,236,237)
```
#c8f0f1
```
#c8f0f1 rgb(200,240,241)
```
#d8f4f5
```
#d8f4f5 rgb(216,244,245)
```
#e7f9f9
```
#e7f9f9 rgb(231,249,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919e9f is the less saturated color, while #32f7fe is the most saturated one.

#919e9f
```
#919e9f rgb(145,158,159)
```
#8aa6a6
```
#8aa6a6 rgb(138,166,166)
```
#82adae
```
#82adae rgb(130,173,174)
```
#7ab4b6
```
#7ab4b6 rgb(122,180,182)
```
#72bcbe
```
#72bcbe rgb(114,188,190)
```
#6ac3c6
```
#6ac3c6 rgb(106,195,198)
```
#62cbce
```
#62cbce rgb(98,203,206)
```
#5ad2d6
```
#5ad2d6 rgb(90,210,214)
```
#52d9de
```
#52d9de rgb(82,217,222)
```
#4ae1e6
```
#4ae1e6 rgb(74,225,230)
```
#42e8ee
```
#42e8ee rgb(66,232,238)
```
#3af0f6
```
#3af0f6 rgb(58,240,246)
```
#32f7fe
```
#32f7fe rgb(50,247,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c2ce Protanopia 1% of men
#c8bfdf Deuteranopia 1% of men
#67d2e2 Tritanopia 0.001% of the population

Trichromacy

#9dc8d1 Protanomaly 1% of men, 0.01% of women
#a0c6dc Deuteranomaly 6% of men, 0.4% of women
#62d2dd Tritanomaly 0.01% of the population

#5ad2d6 hex color

#5ad2d6 Color Information

#5ad2d6 Color Conversion

Color Schemes with #5ad2d6

Alternatives to #5ad2d6

#5ad2d6 Preview

Shades and Tints of #5ad2d6

Tones of #5ad2d6

Color Blindness Simulator