#5cd2df hex color

In a RGB color space, hex #5cd2df is composed of 36.1% red, 82.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 5.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 186 degrees, a saturation of 67.2% and a lightness of 61.8%. #5cd2df color hex could be obtained by blending #b8ffff with #00a5bf. Closest websafe color is: #66cccc.

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

● #5cd2df color description : Soft cyan.

The hexadecimal color #5cd2df has RGB values of R:92, G:210, B:223 and CMYK values of C:0.59, M:0.06, Y:0, K:0.13. Its decimal value is 6083295.

Hex triplet	5cd2df	`#5cd2df`
RGB Decimal	92, 210, 223	`rgb(92,210,223)`
RGB Percent	36.1, 82.4, 87.5	`rgb(36.1%,82.4%,87.5%)`
CMYK	59, 6, 0, 13
HSL	186°, 67.2, 61.8	`hsl(186,67.2%,61.8%)`
HSV (or HSB)	186°, 58.7, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.282, -29.289, -16.416
XYZ	40.776, 53.693, 78.023
xyY	0.236, 0.311, 53.693
CIE-LCH	78.282, 33.575, 209.27
CIE-LUV	78.282, -47.68, -21.365
Hunter-Lab	73.276, -28.902, -11.838
Binary	01011100, 11010010, 11011111

#5cd2df
```
#5cd2df rgb(92,210,223)
```
#df695c
```
#df695c rgb(223,105,92)
```

Complementary Color

#5cdfab
```
#5cdfab rgb(92,223,171)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#5c91df
```
#5c91df rgb(92,145,223)
```

Analogous Color

#dfab5c
```
#dfab5c rgb(223,171,92)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#df5c91
```
#df5c91 rgb(223,92,145)
```

Split Complementary Color

#d2df5c
```
#d2df5c rgb(210,223,92)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#df5cd2
```
#df5cd2 rgb(223,92,210)
```

Triadic Color

#5cdf69
```
#5cdf69 rgb(92,223,105)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#df5cd2
```
#df5cd2 rgb(223,92,210)
```
#df695c
```
#df695c rgb(223,105,92)
```

Tetradic Color

#27b7c7
```
#27b7c7 rgb(39,183,199)
```
#31c6d7
```
#31c6d7 rgb(49,198,215)
```
#47ccdb
```
#47ccdb rgb(71,204,219)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#71d8e3
```
#71d8e3 rgb(113,216,227)
```
#87dee7
```
#87dee7 rgb(135,222,231)
```
#9ce4ec
```
#9ce4ec rgb(156,228,236)
```

Monochromatic Color

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

#5cdfcb
```
#5cdfcb rgb(92,223,203)
```
#5cdfd6
```
#5cdfd6 rgb(92,223,214)
```
#5cdddf
```
#5cdddf rgb(92,221,223)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#5cc7df
```
#5cc7df rgb(92,199,223)
```
#5cbcdf
```
#5cbcdf rgb(92,188,223)
```
#5cb1df
```
#5cb1df rgb(92,177,223)
```

Similar Colors

Text with hexadecimal color #5cd2df

This text has a font color of #5cd2df.

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

#5cd2df background color

This paragraph has a background color of #5cd2df.

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

#5cd2df border color

This element has a border color of #5cd2df.

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

CSS codes

.text {color:#5cd2df;}

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

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

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)
```
#071f22
```
#071f22 rgb(7,31,34)
```
#0a2e32
```
#0a2e32 rgb(10,46,50)
```
#0d3d43
```
#0d3d43 rgb(13,61,67)
```
#104c53
```
#104c53 rgb(16,76,83)
```
#145b63
```
#145b63 rgb(20,91,99)
```
#176b74
```
#176b74 rgb(23,107,116)
```
#1a7a84
```
#1a7a84 rgb(26,122,132)
```
#1d8995
```
#1d8995 rgb(29,137,149)
```
#2098a5
```
#2098a5 rgb(32,152,165)
```
#24a7b5
```
#24a7b5 rgb(36,167,181)
```
#27b6c6
```
#27b6c6 rgb(39,182,198)
```

Shade Color Variation

#2bc4d5
```
#2bc4d5 rgb(43,196,213)
```
#3bc9d9
```
#3bc9d9 rgb(59,201,217)
```
#4ccddc
```
#4ccddc rgb(76,205,220)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#6cd7e2
```
#6cd7e2 rgb(108,215,226)
```
#7ddbe5
```
#7ddbe5 rgb(125,219,229)
```
#8de0e9
```
#8de0e9 rgb(141,224,233)
```
#9ee4ec
```
#9ee4ec rgb(158,228,236)
```
#aee9ef
```
#aee9ef rgb(174,233,239)
```
#beedf2
```
#beedf2 rgb(190,237,242)
```
#cff2f6
```
#cff2f6 rgb(207,242,246)
```
#dff6f9
```
#dff6f9 rgb(223,246,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 #3eeafd is the most saturated one.

#98a2a3
```
#98a2a3 rgb(152,162,163)
```
#91a8ab
```
#91a8ab rgb(145,168,171)
```
#89aeb2
```
#89aeb2 rgb(137,174,178)
```
#82b4ba
```
#82b4ba rgb(130,180,186)
```
#7abac1
```
#7abac1 rgb(122,186,193)
```
#73c0c9
```
#73c0c9 rgb(115,192,201)
```
#6bc6d0
```
#6bc6d0 rgb(107,198,208)
```
#64ccd8
```
#64ccd8 rgb(100,204,216)
```
#5cd2df
```
#5cd2df rgb(92,210,223)
```
#55d8e7
```
#55d8e7 rgb(85,216,231)
```
#4ddeee
```
#4ddeee rgb(77,222,238)
```
#46e4f6
```
#46e4f6 rgb(70,228,246)
```
#3eeafd
```
#3eeafd rgb(62,234,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9fb7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c3d6 Protanopia 1% of men
#c4c0e7 Deuteranopia 1% of men
#65d3e3 Tritanopia 0.001% of the population

Trichromacy

#9dc8d9 Protanomaly 1% of men, 0.01% of women
#9ec7e4 Deuteranomaly 6% of men, 0.4% of women
#62d3e1 Tritanomaly 0.01% of the population

#5cd2df hex color

#5cd2df Color Information

#5cd2df Color Conversion

Color Schemes with #5cd2df

Alternatives to #5cd2df

#5cd2df Preview

Shades and Tints of #5cd2df

Tones of #5cd2df

Color Blindness Simulator