#5ad2c8 hex color

In a RGB color space, hex #5ad2c8 is composed of 35.3% red, 82.4% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 4.8% yellow and 17.6% black. It has a hue angle of 175 degrees, a saturation of 57.1% and a lightness of 58.8%. #5ad2c8 color hex could be obtained by blending #b4ffff with #00a591. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 82
- B 78
RGB color chart
- C 57
- M 0
- Y 5
- K 18
CMYK color chart

● #5ad2c8 color description : Moderate cyan.

The hexadecimal color #5ad2c8 has RGB values of R:90, G:210, B:200 and CMYK values of C:0.57, M:0, Y:0.05, K:0.18. Its decimal value is 5952200.

Hex triplet	5ad2c8	`#5ad2c8`
RGB Decimal	90, 210, 200	`rgb(90,210,200)`
RGB Percent	35.3, 82.4, 78.4	`rgb(35.3%,82.4%,78.4%)`
CMYK	57, 0, 5, 18
HSL	175°, 57.1, 58.8	`hsl(175,57.1%,58.8%)`
HSV (or HSB)	175°, 57.1, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.54, -35.866, -5.183
XYZ	37.685, 52.434, 62.775
xyY	0.246, 0.343, 52.434
CIE-LCH	77.54, 36.238, 188.223
CIE-LUV	77.54, -49.356, -2.284
Hunter-Lab	72.411, -33.823, -0.712
Binary	01011010, 11010010, 11001000

#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#d25a64
```
#d25a64 rgb(210,90,100)
```

Complementary Color

#5ad28c
```
#5ad28c rgb(90,210,140)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#5aa0d2
```
#5aa0d2 rgb(90,160,210)
```

Analogous Color

#d28c5a
```
#d28c5a rgb(210,140,90)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#d25aa0
```
#d25aa0 rgb(210,90,160)
```

Split Complementary Color

#d2c85a
```
#d2c85a rgb(210,200,90)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#c85ad2
```
#c85ad2 rgb(200,90,210)
```

Triadic Color

#64d25a
```
#64d25a rgb(100,210,90)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#c85ad2
```
#c85ad2 rgb(200,90,210)
```
#d25a64
```
#d25a64 rgb(210,90,100)
```

Tetradic Color

#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#35c4b8
```
#35c4b8 rgb(53,196,184)
```
#46cdc1
```
#46cdc1 rgb(70,205,193)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#6ed7cf
```
#6ed7cf rgb(110,215,207)
```
#82ddd5
```
#82ddd5 rgb(130,221,213)
```
#96e2dc
```
#96e2dc rgb(150,226,220)
```

Monochromatic Color

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

#5ad2aa
```
#5ad2aa rgb(90,210,170)
```
#5ad2b4
```
#5ad2b4 rgb(90,210,180)
```
#5ad2be
```
#5ad2be rgb(90,210,190)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#5ad2d2
```
#5ad2d2 rgb(90,210,210)
```
#5ac8d2
```
#5ac8d2 rgb(90,200,210)
```
#5abed2
```
#5abed2 rgb(90,190,210)
```

Similar Colors

Text with hexadecimal color #5ad2c8

This text has a font color of #5ad2c8.

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

#5ad2c8 background color

This paragraph has a background color of #5ad2c8.

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

#5ad2c8 border color

This element has a border color of #5ad2c8.

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

CSS codes

.text {color:#5ad2c8;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051413
```
#051413 rgb(5,20,19)
```
#0a2321
```
#0a2321 rgb(10,35,33)
```
#0e3330
```
#0e3330 rgb(14,51,48)
```
#12423e
```
#12423e rgb(18,66,62)
```
#16524d
```
#16524d rgb(22,82,77)
```
#1a615b
```
#1a615b rgb(26,97,91)
```
#1f706a
```
#1f706a rgb(31,112,106)
```
#238078
```
#238078 rgb(35,128,120)
```
#278f87
```
#278f87 rgb(39,143,135)
```
#2b9f95
```
#2b9f95 rgb(43,159,149)
```
#2faea4
```
#2faea4 rgb(47,174,164)
```
#34bdb2
```
#34bdb2 rgb(52,189,178)
```

Shade Color Variation

#3bcabe
```
#3bcabe rgb(59,202,190)
```
#4bcec3
```
#4bcec3 rgb(75,206,195)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#69d6cd
```
#69d6cd rgb(105,214,205)
```
#79dad2
```
#79dad2 rgb(121,218,210)
```
#88dfd7
```
#88dfd7 rgb(136,223,215)
```
#98e3dd
```
#98e3dd rgb(152,227,221)
```
#a7e7e2
```
#a7e7e2 rgb(167,231,226)
```
#b6ebe7
```
#b6ebe7 rgb(182,235,231)
```
#c6efec
```
#c6efec rgb(198,239,236)
```
#d5f4f1
```
#d5f4f1 rgb(213,244,241)
```
#e5f8f6
```
#e5f8f6 rgb(229,248,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#939999
```
#939999 rgb(147,153,153)
```
#8aa2a0
```
#8aa2a0 rgb(138,162,160)
```
#82aaa6
```
#82aaa6 rgb(130,170,166)
```
#7ab2ad
```
#7ab2ad rgb(122,178,173)
```
#72bab4
```
#72bab4 rgb(114,186,180)
```
#6ac2bb
```
#6ac2bb rgb(106,194,187)
```
#62cac1
```
#62cac1 rgb(98,202,193)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```
#52dacf
```
#52dacf rgb(82,218,207)
```
#4ae2d5
```
#4ae2d5 rgb(74,226,213)
```
#42eadc
```
#42eadc rgb(66,234,220)
```
#3af2e3
```
#3af2e3 rgb(58,242,227)
```
#32faea
```
#32faea rgb(50,250,234)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9cb4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c1c0 Protanopia 1% of men
#cdbdd2 Deuteranopia 1% of men
#6cd1e0 Tritanopia 0.001% of the population

Trichromacy

#9fc7c3 Protanomaly 1% of men, 0.01% of women
#a3c5ce Deuteranomaly 6% of men, 0.4% of women
#66d1d7 Tritanomaly 0.01% of the population

#5ad2c8 hex color

#5ad2c8 Color Information

#5ad2c8 Color Conversion

Color Schemes with #5ad2c8

Alternatives to #5ad2c8

#5ad2c8 Preview

Shades and Tints of #5ad2c8

Tones of #5ad2c8

Color Blindness Simulator