#5cd4df hex color

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

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

● #5cd4df color description : Soft cyan.

The hexadecimal color #5cd4df has RGB values of R:92, G:212, B:223 and CMYK values of C:0.59, M:0.05, Y:0, K:0.13. Its decimal value is 6083807.

Hex triplet	5cd4df	`#5cd4df`
RGB Decimal	92, 212, 223	`rgb(92,212,223)`
RGB Percent	36.1, 83.1, 87.5	`rgb(36.1%,83.1%,87.5%)`
CMYK	59, 5, 0, 13
HSL	185°, 67.2, 61.8	`hsl(185,67.2%,61.8%)`
HSV (or HSB)	185°, 58.7, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.86, -30.255, -15.546
XYZ	41.273, 54.687, 78.189
xyY	0.237, 0.314, 54.687
CIE-LCH	78.86, 34.015, 207.195
CIE-LUV	78.86, -48.419, -19.81
Hunter-Lab	73.95, -29.79, -10.922
Binary	01011100, 11010100, 11011111

#5cd4df
```
#5cd4df rgb(92,212,223)
```
#df675c
```
#df675c rgb(223,103,92)
```

Complementary Color

#5cdfa9
```
#5cdfa9 rgb(92,223,169)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#5c93df
```
#5c93df rgb(92,147,223)
```

Analogous Color

#dfa95c
```
#dfa95c rgb(223,169,92)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#df5c93
```
#df5c93 rgb(223,92,147)
```

Split Complementary Color

#d4df5c
```
#d4df5c rgb(212,223,92)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#df5cd4
```
#df5cd4 rgb(223,92,212)
```

Triadic Color

#5cdf67
```
#5cdf67 rgb(92,223,103)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#df5cd4
```
#df5cd4 rgb(223,92,212)
```
#df675c
```
#df675c rgb(223,103,92)
```

Tetradic Color

#27bac7
```
#27bac7 rgb(39,186,199)
```
#31c9d7
```
#31c9d7 rgb(49,201,215)
```
#47cedb
```
#47cedb rgb(71,206,219)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#71dae3
```
#71dae3 rgb(113,218,227)
```
#87dfe7
```
#87dfe7 rgb(135,223,231)
```
#9ce5ec
```
#9ce5ec rgb(156,229,236)
```

Monochromatic Color

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

#5cdfc9
```
#5cdfc9 rgb(92,223,201)
```
#5cdfd4
```
#5cdfd4 rgb(92,223,212)
```
#5cdfdf
```
#5cdfdf rgb(92,223,223)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#5cc9df
```
#5cc9df rgb(92,201,223)
```
#5cbedf
```
#5cbedf rgb(92,190,223)
```
#5cb3df
```
#5cb3df rgb(92,179,223)
```

Similar Colors

Text with hexadecimal color #5cd4df

This text has a font color of #5cd4df.

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

#5cd4df background color

This paragraph has a background color of #5cd4df.

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

#5cd4df border color

This element has a border color of #5cd4df.

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

CSS codes

.text {color:#5cd4df;}

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

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

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)
```
#0a2f32
```
#0a2f32 rgb(10,47,50)
```
#0d3e43
```
#0d3e43 rgb(13,62,67)
```
#104d53
```
#104d53 rgb(16,77,83)
```
#145d63
```
#145d63 rgb(20,93,99)
```
#176c74
```
#176c74 rgb(23,108,116)
```
#1a7b84
```
#1a7b84 rgb(26,123,132)
```
#1d8b95
```
#1d8b95 rgb(29,139,149)
```
#209aa5
```
#209aa5 rgb(32,154,165)
```
#24a9b5
```
#24a9b5 rgb(36,169,181)
```
#27b8c6
```
#27b8c6 rgb(39,184,198)
```

Shade Color Variation

#2bc7d5
```
#2bc7d5 rgb(43,199,213)
```
#3bcbd9
```
#3bcbd9 rgb(59,203,217)
```
#4cd0dc
```
#4cd0dc rgb(76,208,220)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#6cd8e2
```
#6cd8e2 rgb(108,216,226)
```
#7ddde5
```
#7ddde5 rgb(125,221,229)
```
#8de1e9
```
#8de1e9 rgb(141,225,233)
```
#9ee5ec
```
#9ee5ec rgb(158,229,236)
```
#aeeaef
```
#aeeaef rgb(174,234,239)
```
#beeef2
```
#beeef2 rgb(190,238,242)
```
#cff2f6
```
#cff2f6 rgb(207,242,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 #3eedfd is the most saturated one.

#98a2a3
```
#98a2a3 rgb(152,162,163)
```
#91a8ab
```
#91a8ab rgb(145,168,171)
```
#89afb2
```
#89afb2 rgb(137,175,178)
```
#82b5ba
```
#82b5ba rgb(130,181,186)
```
#7abbc1
```
#7abbc1 rgb(122,187,193)
```
#73c1c9
```
#73c1c9 rgb(115,193,201)
```
#6bc8d0
```
#6bc8d0 rgb(107,200,208)
```
#64ced8
```
#64ced8 rgb(100,206,216)
```
#5cd4df
```
#5cd4df rgb(92,212,223)
```
#55dae7
```
#55dae7 rgb(85,218,231)
```
#4de0ee
```
#4de0ee rgb(77,224,238)
```
#46e7f6
```
#46e7f6 rgb(70,231,246)
```
#3eedfd
```
#3eedfd rgb(62,237,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c5d6 Protanopia 1% of men
#c7c2e8 Deuteranopia 1% of men
#66d5e5 Tritanopia 0.001% of the population

Trichromacy

#9ecad9 Protanomaly 1% of men, 0.01% of women
#a0c8e4 Deuteranomaly 6% of men, 0.4% of women
#62d4e2 Tritanomaly 0.01% of the population

#5cd4df hex color

#5cd4df Color Information

#5cd4df Color Conversion

Color Schemes with #5cd4df

Alternatives to #5cd4df

#5cd4df Preview

Shades and Tints of #5cd4df

Tones of #5cd4df

Color Blindness Simulator