#5cd6de hex color

In a RGB color space, hex #5cd6de is composed of 36.1% red, 83.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 3.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 183.7 degrees, a saturation of 66.3% and a lightness of 61.6%. #5cd6de color hex could be obtained by blending #b8ffff with #00adbd. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 84
- B 87
RGB color chart
- C 59
- M 4
- Y 0
- K 13
CMYK color chart

● #5cd6de color description : Soft cyan.

The hexadecimal color #5cd6de has RGB values of R:92, G:214, B:222 and CMYK values of C:0.59, M:0.04, Y:0, K:0.13. Its decimal value is 6084318.

Hex triplet	5cd6de	`#5cd6de`
RGB Decimal	92, 214, 222	`rgb(92,214,222)`
RGB Percent	36.1, 83.9, 87.1	`rgb(36.1%,83.9%,87.1%)`
CMYK	59, 4, 0, 13
HSL	183.7°, 66.3, 61.6	`hsl(183.7,66.3%,61.6%)`
HSV (or HSB)	183.7°, 58.6, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.408, -31.491, -14.188
XYZ	41.641, 55.639, 77.648
xyY	0.238, 0.318, 55.639
CIE-LCH	79.408, 34.539, 204.254
CIE-LUV	79.408, -49.209, -17.417
Hunter-Lab	74.592, -30.887, -9.505
Binary	01011100, 11010110, 11011110

#5cd6de
```
#5cd6de rgb(92,214,222)
```
#de645c
```
#de645c rgb(222,100,92)
```

Complementary Color

#5cdea5
```
#5cdea5 rgb(92,222,165)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#5c95de
```
#5c95de rgb(92,149,222)
```

Analogous Color

#dea55c
```
#dea55c rgb(222,165,92)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#de5c95
```
#de5c95 rgb(222,92,149)
```

Split Complementary Color

#d6de5c
```
#d6de5c rgb(214,222,92)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#de5cd6
```
#de5cd6 rgb(222,92,214)
```

Triadic Color

#5cde64
```
#5cde64 rgb(92,222,100)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#de5cd6
```
#de5cd6 rgb(222,92,214)
```
#de645c
```
#de645c rgb(222,100,92)
```

Tetradic Color

#28bcc6
```
#28bcc6 rgb(40,188,198)
```
#32cbd5
```
#32cbd5 rgb(50,203,213)
```
#47d1da
```
#47d1da rgb(71,209,218)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#71dbe2
```
#71dbe2 rgb(113,219,226)
```
#86e1e7
```
#86e1e7 rgb(134,225,231)
```
#9ce6eb
```
#9ce6eb rgb(156,230,235)
```

Monochromatic Color

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

#5cdec6
```
#5cdec6 rgb(92,222,198)
```
#5cded0
```
#5cded0 rgb(92,222,208)
```
#5cdedb
```
#5cdedb rgb(92,222,219)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#5ccbde
```
#5ccbde rgb(92,203,222)
```
#5cc0de
```
#5cc0de rgb(92,192,222)
```
#5cb6de
```
#5cb6de rgb(92,182,222)
```

Similar Colors

Text with hexadecimal color #5cd6de

This text has a font color of #5cd6de.

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

#5cd6de background color

This paragraph has a background color of #5cd6de.

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

#5cd6de border color

This element has a border color of #5cd6de.

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

CSS codes

.text {color:#5cd6de;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#031010
```
#031010 rgb(3,16,16)
```
#071f21
```
#071f21 rgb(7,31,33)
```
#0a2f31
```
#0a2f31 rgb(10,47,49)
```
#0d3e41
```
#0d3e41 rgb(13,62,65)
```
#114e52
```
#114e52 rgb(17,78,82)
```
#145d62
```
#145d62 rgb(20,93,98)
```
#176d72
```
#176d72 rgb(23,109,114)
```
#1a7c83
```
#1a7c83 rgb(26,124,131)
```
#1e8c93
```
#1e8c93 rgb(30,140,147)
```
#219ba3
```
#219ba3 rgb(33,155,163)
```
#24abb4
```
#24abb4 rgb(36,171,180)
```
#28bac4
```
#28bac4 rgb(40,186,196)
```

Shade Color Variation

#2bcad4
```
#2bcad4 rgb(43,202,212)
```
#3bced7
```
#3bced7 rgb(59,206,215)
```
#4cd2db
```
#4cd2db rgb(76,210,219)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#6cdae1
```
#6cdae1 rgb(108,218,225)
```
#7ddee5
```
#7ddee5 rgb(125,222,229)
```
#8de2e8
```
#8de2e8 rgb(141,226,232)
```
#9de6eb
```
#9de6eb rgb(157,230,235)
```
#aeebef
```
#aeebef rgb(174,235,239)
```
#beeff2
```
#beeff2 rgb(190,239,242)
```
#cef3f5
```
#cef3f5 rgb(206,243,245)
```
#dff7f8
```
#dff7f8 rgb(223,247,248)
```
#effbfc
```
#effbfc rgb(239,251,252)
```

Tint Color Variation

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

#98a1a2
```
#98a1a2 rgb(152,161,162)
```
#91a8a9
```
#91a8a9 rgb(145,168,169)
```
#89aeb1
```
#89aeb1 rgb(137,174,177)
```
#82b5b8
```
#82b5b8 rgb(130,181,184)
```
#7abcc0
```
#7abcc0 rgb(122,188,192)
```
#73c2c7
```
#73c2c7 rgb(115,194,199)
```
#6bc9cf
```
#6bc9cf rgb(107,201,207)
```
#64cfd6
```
#64cfd6 rgb(100,207,214)
```
#5cd6de
```
#5cd6de rgb(92,214,222)
```
#54dde6
```
#54dde6 rgb(84,221,230)
```
#4de3ed
```
#4de3ed rgb(77,227,237)
```
#45eaf5
```
#45eaf5 rgb(69,234,245)
```
#3ef0fc
```
#3ef0fc rgb(62,240,252)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a1b9bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c6d5 Protanopia 1% of men
#cac3e7 Deuteranopia 1% of men
#68d6e6 Tritanopia 0.001% of the population

Trichromacy

#9fccd8 Protanomaly 1% of men, 0.01% of women
#a2cae3 Deuteranomaly 6% of men, 0.4% of women
#63d6e3 Tritanomaly 0.01% of the population

#5cd6de hex color

#5cd6de Color Information

#5cd6de Color Conversion

Color Schemes with #5cd6de

Alternatives to #5cd6de

#5cd6de Preview

Shades and Tints of #5cd6de

Tones of #5cd6de

Color Blindness Simulator