#5cd5df hex color

In a RGB color space, hex #5cd5df is composed of 36.1% red, 83.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 4.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 184.6 degrees, a saturation of 67.2% and a lightness of 61.8%. #5cd5df color hex could be obtained by blending #b8ffff with #00abbf. 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

● #5cd5df color description : Soft cyan.

The hexadecimal color #5cd5df has RGB values of R:92, G:213, B:223 and CMYK values of C:0.59, M:0.04, Y:0, K:0.13. Its decimal value is 6084063.

Hex triplet	5cd5df	`#5cd5df`
RGB Decimal	92, 213, 223	`rgb(92,213,223)`
RGB Percent	36.1, 83.5, 87.5	`rgb(36.1%,83.5%,87.5%)`
CMYK	59, 4, 0, 13
HSL	184.6°, 67.2, 61.8	`hsl(184.6,67.2%,61.8%)`
HSV (or HSB)	184.6°, 58.7, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.15, -30.736, -15.111
XYZ	41.523, 55.188, 78.272
xyY	0.237, 0.315, 55.188
CIE-LCH	79.15, 34.249, 206.181
CIE-LUV	79.15, -48.788, -19.034
Hunter-Lab	74.289, -30.234, -10.467
Binary	01011100, 11010101, 11011111

#5cd5df
```
#5cd5df rgb(92,213,223)
```
#df665c
```
#df665c rgb(223,102,92)
```

Complementary Color

#5cdfa8
```
#5cdfa8 rgb(92,223,168)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#5c94df
```
#5c94df rgb(92,148,223)
```

Analogous Color

#dfa85c
```
#dfa85c rgb(223,168,92)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#df5c94
```
#df5c94 rgb(223,92,148)
```

Split Complementary Color

#d5df5c
```
#d5df5c rgb(213,223,92)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#df5cd5
```
#df5cd5 rgb(223,92,213)
```

Triadic Color

#5cdf66
```
#5cdf66 rgb(92,223,102)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#df5cd5
```
#df5cd5 rgb(223,92,213)
```
#df665c
```
#df665c rgb(223,102,92)
```

Tetradic Color

#27bbc7
```
#27bbc7 rgb(39,187,199)
```
#31cad7
```
#31cad7 rgb(49,202,215)
```
#47d0db
```
#47d0db rgb(71,208,219)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#71dae3
```
#71dae3 rgb(113,218,227)
```
#87e0e7
```
#87e0e7 rgb(135,224,231)
```
#9ce5ec
```
#9ce5ec rgb(156,229,236)
```

Monochromatic Color

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

#5cdfc8
```
#5cdfc8 rgb(92,223,200)
```
#5cdfd3
```
#5cdfd3 rgb(92,223,211)
```
#5cdfde
```
#5cdfde rgb(92,223,222)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#5ccadf
```
#5ccadf rgb(92,202,223)
```
#5cbfdf
```
#5cbfdf rgb(92,191,223)
```
#5cb4df
```
#5cb4df rgb(92,180,223)
```

Similar Colors

Text with hexadecimal color #5cd5df

This text has a font color of #5cd5df.

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

#5cd5df background color

This paragraph has a background color of #5cd5df.

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

#5cd5df border color

This element has a border color of #5cd5df.

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

CSS codes

.text {color:#5cd5df;}

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

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

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 #f0fbfc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#031011
```
#031011 rgb(3,16,17)
```
#072022
```
#072022 rgb(7,32,34)
```
#0a2f32
```
#0a2f32 rgb(10,47,50)
```
#0d3e43
```
#0d3e43 rgb(13,62,67)
```
#104e53
```
#104e53 rgb(16,78,83)
```
#145d63
```
#145d63 rgb(20,93,99)
```
#176d74
```
#176d74 rgb(23,109,116)
```
#1a7c84
```
#1a7c84 rgb(26,124,132)
```
#1d8b95
```
#1d8b95 rgb(29,139,149)
```
#209ba5
```
#209ba5 rgb(32,155,165)
```
#24aab5
```
#24aab5 rgb(36,170,181)
```
#27bac6
```
#27bac6 rgb(39,186,198)
```

Shade Color Variation

#2bc8d5
```
#2bc8d5 rgb(43,200,213)
```
#3bcdd9
```
#3bcdd9 rgb(59,205,217)
```
#4cd1dc
```
#4cd1dc rgb(76,209,220)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#6cd9e2
```
#6cd9e2 rgb(108,217,226)
```
#7ddde5
```
#7ddde5 rgb(125,221,229)
```
#8de2e9
```
#8de2e9 rgb(141,226,233)
```
#9ee6ec
```
#9ee6ec rgb(158,230,236)
```
#aeeaef
```
#aeeaef rgb(174,234,239)
```
#beeef2
```
#beeef2 rgb(190,238,242)
```
#cff3f6
```
#cff3f6 rgb(207,243,246)
```
#dff7f9
```
#dff7f9 rgb(223,247,249)
```
#f0fbfc
```
#f0fbfc rgb(240,251,252)
```

Tint Color Variation

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

#98a2a3
```
#98a2a3 rgb(152,162,163)
```
#91a9ab
```
#91a9ab rgb(145,169,171)
```
#89afb2
```
#89afb2 rgb(137,175,178)
```
#82b5ba
```
#82b5ba rgb(130,181,186)
```
#7abcc1
```
#7abcc1 rgb(122,188,193)
```
#73c2c9
```
#73c2c9 rgb(115,194,201)
```
#6bc8d0
```
#6bc8d0 rgb(107,200,208)
```
#64cfd8
```
#64cfd8 rgb(100,207,216)
```
#5cd5df
```
#5cd5df rgb(92,213,223)
```
#55dbe7
```
#55dbe7 rgb(85,219,231)
```
#4de2ee
```
#4de2ee rgb(77,226,238)
```
#46e8f6
```
#46e8f6 rgb(70,232,246)
```
#3eeefd
```
#3eeefd rgb(62,238,253)
```

Tone Color Variation

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

#c5c5d6 Protanopia 1% of men
#c8c2e8 Deuteranopia 1% of men
#67d6e5 Tritanopia 0.001% of the population

Trichromacy

#9fcbd9 Protanomaly 1% of men, 0.01% of women
#a1c9e4 Deuteranomaly 6% of men, 0.4% of women
#63d5e3 Tritanomaly 0.01% of the population

#5cd5df hex color

#5cd5df Color Information

#5cd5df Color Conversion

Color Schemes with #5cd5df

Alternatives to #5cd5df

#5cd5df Preview

Shades and Tints of #5cd5df

Tones of #5cd5df

Color Blindness Simulator