#5cc2dc hex color

In a RGB color space, hex #5cc2dc is composed of 36.1% red, 76.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 11.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 192.2 degrees, a saturation of 64.6% and a lightness of 61.2%. #5cc2dc color hex could be obtained by blending #b8ffff with #0085b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 76
- B 86
RGB color chart
- C 58
- M 12
- Y 0
- K 14
CMYK color chart

● #5cc2dc color description : Soft cyan.

The hexadecimal color #5cc2dc has RGB values of R:92, G:194, B:220 and CMYK values of C:0.58, M:0.12, Y:0, K:0.14. Its decimal value is 6079196.

Hex triplet	5cc2dc	`#5cc2dc`
RGB Decimal	92, 194, 220	`rgb(92,194,220)`
RGB Percent	36.1, 76.1, 86.3	`rgb(36.1%,76.1%,86.3%)`
CMYK	58, 12, 0, 14
HSL	192.2°, 64.6, 61.2	`hsl(192.2,64.6%,61.2%)`
HSV (or HSB)	192.2°, 58.2, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.561, -22.209, -21.947
XYZ	36.62, 46.023, 74.66
xyY	0.233, 0.293, 46.023
CIE-LCH	73.561, 31.223, 224.661
CIE-LUV	73.561, -41.889, -31.329
Hunter-Lab	67.841, -22.367, -17.761
Binary	01011100, 11000010, 11011100

#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#dc765c
```
#dc765c rgb(220,118,92)
```

Complementary Color

#5cdcb6
```
#5cdcb6 rgb(92,220,182)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#5c82dc
```
#5c82dc rgb(92,130,220)
```

Analogous Color

#dcb65c
```
#dcb65c rgb(220,182,92)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#dc5c82
```
#dc5c82 rgb(220,92,130)
```

Split Complementary Color

#c2dc5c
```
#c2dc5c rgb(194,220,92)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#dc5cc2
```
#dc5cc2 rgb(220,92,194)
```

Triadic Color

#5cdc76
```
#5cdc76 rgb(92,220,118)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#dc5cc2
```
#dc5cc2 rgb(220,92,194)
```
#dc765c
```
#dc765c rgb(220,118,92)
```

Tetradic Color

#2aa3c2
```
#2aa3c2 rgb(42,163,194)
```
#32b2d3
```
#32b2d3 rgb(50,178,211)
```
#47bad7
```
#47bad7 rgb(71,186,215)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#71cae1
```
#71cae1 rgb(113,202,225)
```
#86d2e5
```
#86d2e5 rgb(134,210,229)
```
#9bdaea
```
#9bdaea rgb(155,218,234)
```

Monochromatic Color

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

#5cdcd6
```
#5cdcd6 rgb(92,220,214)
```
#5cd7dc
```
#5cd7dc rgb(92,215,220)
```
#5ccddc
```
#5ccddc rgb(92,205,220)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#5cb7dc
```
#5cb7dc rgb(92,183,220)
```
#5caddc
```
#5caddc rgb(92,173,220)
```
#5ca2dc
```
#5ca2dc rgb(92,162,220)
```

Similar Colors

Text with hexadecimal color #5cc2dc

This text has a font color of #5cc2dc.

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

#5cc2dc background color

This paragraph has a background color of #5cc2dc.

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

#5cc2dc border color

This element has a border color of #5cc2dc.

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

CSS codes

.text {color:#5cc2dc;}

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

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

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, #030c0f is the darkest color, while #fdfeff is the lightest one.

#030c0f
```
#030c0f rgb(3,12,15)
```
#071a1f
```
#071a1f rgb(7,26,31)
```
#0a272f
```
#0a272f rgb(10,39,47)
```
#0e353f
```
#0e353f rgb(14,53,63)
```
#11434f
```
#11434f rgb(17,67,79)
```
#14505f
```
#14505f rgb(20,80,95)
```
#185e70
```
#185e70 rgb(24,94,112)
```
#1b6b80
```
#1b6b80 rgb(27,107,128)
```
#1f7990
```
#1f7990 rgb(31,121,144)
```
#2286a0
```
#2286a0 rgb(34,134,160)
```
#2694b0
```
#2694b0 rgb(38,148,176)
```
#29a2c0
```
#29a2c0 rgb(41,162,192)
```
#2dafd0
```
#2dafd0 rgb(45,175,208)
```

Shade Color Variation

#3cb6d5
```
#3cb6d5 rgb(60,182,213)
```
#4cbcd9
```
#4cbcd9 rgb(76,188,217)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#6cc8df
```
#6cc8df rgb(108,200,223)
```
#7ccee3
```
#7ccee3 rgb(124,206,227)
```
#8cd4e6
```
#8cd4e6 rgb(140,212,230)
```
#9ddaea
```
#9ddaea rgb(157,218,234)
```
#ade0ed
```
#ade0ed rgb(173,224,237)
```
#bde6f1
```
#bde6f1 rgb(189,230,241)
```
#cdecf4
```
#cdecf4 rgb(205,236,244)
```
#ddf2f8
```
#ddf2f8 rgb(221,242,248)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#999e9f
```
#999e9f rgb(153,158,159)
```
#91a2a7
```
#91a2a7 rgb(145,162,167)
```
#8aa7ae
```
#8aa7ae rgb(138,167,174)
```
#82abb6
```
#82abb6 rgb(130,171,182)
```
#7ab0be
```
#7ab0be rgb(122,176,190)
```
#73b4c5
```
#73b4c5 rgb(115,180,197)
```
#6bb9cd
```
#6bb9cd rgb(107,185,205)
```
#64bdd4
```
#64bdd4 rgb(100,189,212)
```
#5cc2dc
```
#5cc2dc rgb(92,194,220)
```
#54c7e4
```
#54c7e4 rgb(84,199,228)
```
#4dcbeb
```
#4dcbeb rgb(77,203,235)
```
#45d0f3
```
#45d0f3 rgb(69,208,243)
```
#3ed4fa
```
#3ed4fa rgb(62,212,250)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97acb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b7d5 Protanopia 1% of men
#b1b5e3 Deuteranopia 1% of men
#5fc6d5 Tritanopia 0.001% of the population

Trichromacy

#92bbd7 Protanomaly 1% of men, 0.01% of women
#92b9e0 Deuteranomaly 6% of men, 0.4% of women
#5ec4d7 Tritanomaly 0.01% of the population

#5cc2dc hex color

#5cc2dc Color Information

#5cc2dc Color Conversion

Color Schemes with #5cc2dc

Alternatives to #5cc2dc

#5cc2dc Preview

Shades and Tints of #5cc2dc

Tones of #5cc2dc

Color Blindness Simulator