#5ccedc hex color

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

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

● #5ccedc color description : Soft cyan.

The hexadecimal color #5ccedc has RGB values of R:92, G:206, B:220 and CMYK values of C:0.58, M:0.06, Y:0, K:0.14. Its decimal value is 6082268.

Hex triplet	5ccedc	`#5ccedc`
RGB Decimal	92, 206, 220	`rgb(92,206,220)`
RGB Percent	36.1, 80.8, 86.3	`rgb(36.1%,80.8%,86.3%)`
CMYK	58, 6, 0, 14
HSL	186.6°, 64.6, 61.2	`hsl(186.6,64.6%,61.2%)`
HSV (or HSB)	186.6°, 58.2, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.03, -28.183, -16.692
XYZ	39.4, 51.582, 75.586
xyY	0.237, 0.31, 51.582
CIE-LCH	77.03, 32.755, 210.637
CIE-LUV	77.03, -46.352, -21.936
Hunter-Lab	71.821, -27.764, -12.124
Binary	01011100, 11001110, 11011100

#5ccedc
```
#5ccedc rgb(92,206,220)
```
#dc6a5c
```
#dc6a5c rgb(220,106,92)
```

Complementary Color

#5cdcaa
```
#5cdcaa rgb(92,220,170)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#5c8edc
```
#5c8edc rgb(92,142,220)
```

Analogous Color

#dcaa5c
```
#dcaa5c rgb(220,170,92)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#dc5c8e
```
#dc5c8e rgb(220,92,142)
```

Split Complementary Color

#cedc5c
```
#cedc5c rgb(206,220,92)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#dc5cce
```
#dc5cce rgb(220,92,206)
```

Triadic Color

#5cdc6a
```
#5cdc6a rgb(92,220,106)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#dc5cce
```
#dc5cce rgb(220,92,206)
```
#dc6a5c
```
#dc6a5c rgb(220,106,92)
```

Tetradic Color

#2ab1c2
```
#2ab1c2 rgb(42,177,194)
```
#32c1d3
```
#32c1d3 rgb(50,193,211)
```
#47c8d7
```
#47c8d7 rgb(71,200,215)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#71d4e1
```
#71d4e1 rgb(113,212,225)
```
#86dbe5
```
#86dbe5 rgb(134,219,229)
```
#9be1ea
```
#9be1ea rgb(155,225,234)
```

Monochromatic Color

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

#5cdcca
```
#5cdcca rgb(92,220,202)
```
#5cdcd5
```
#5cdcd5 rgb(92,220,213)
```
#5cd9dc
```
#5cd9dc rgb(92,217,220)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#5cc3dc
```
#5cc3dc rgb(92,195,220)
```
#5cb9dc
```
#5cb9dc rgb(92,185,220)
```
#5caedc
```
#5caedc rgb(92,174,220)
```

Similar Colors

Text with hexadecimal color #5ccedc

This text has a font color of #5ccedc.

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

#5ccedc background color

This paragraph has a background color of #5ccedc.

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

#5ccedc border color

This element has a border color of #5ccedc.

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

CSS codes

.text {color:#5ccedc;}

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

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

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

#030d0f
```
#030d0f rgb(3,13,15)
```
#071c1f
```
#071c1f rgb(7,28,31)
```
#0a2b2f
```
#0a2b2f rgb(10,43,47)
```
#0e3a3f
```
#0e3a3f rgb(14,58,63)
```
#11484f
```
#11484f rgb(17,72,79)
```
#14575f
```
#14575f rgb(20,87,95)
```
#186670
```
#186670 rgb(24,102,112)
```
#1b7580
```
#1b7580 rgb(27,117,128)
```
#1f8390
```
#1f8390 rgb(31,131,144)
```
#2292a0
```
#2292a0 rgb(34,146,160)
```
#26a1b0
```
#26a1b0 rgb(38,161,176)
```
#29b0c0
```
#29b0c0 rgb(41,176,192)
```
#2dbfd0
```
#2dbfd0 rgb(45,191,208)
```

Shade Color Variation

#3cc4d5
```
#3cc4d5 rgb(60,196,213)
```
#4cc9d9
```
#4cc9d9 rgb(76,201,217)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#6cd3df
```
#6cd3df rgb(108,211,223)
```
#7cd8e3
```
#7cd8e3 rgb(124,216,227)
```
#8cdde6
```
#8cdde6 rgb(140,221,230)
```
#9de1ea
```
#9de1ea rgb(157,225,234)
```
#ade6ed
```
#ade6ed rgb(173,230,237)
```
#bdebf1
```
#bdebf1 rgb(189,235,241)
```
#cdf0f4
```
#cdf0f4 rgb(205,240,244)
```
#ddf5f8
```
#ddf5f8 rgb(221,245,248)
```
#edfafb
```
#edfafb rgb(237,250,251)
```
#fdffff
```
#fdffff rgb(253,255,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 #3ee6fa is the most saturated one.

#999e9f
```
#999e9f rgb(153,158,159)
```
#91a4a7
```
#91a4a7 rgb(145,164,167)
```
#8aaaae
```
#8aaaae rgb(138,170,174)
```
#82b0b6
```
#82b0b6 rgb(130,176,182)
```
#7ab6be
```
#7ab6be rgb(122,182,190)
```
#73bcc5
```
#73bcc5 rgb(115,188,197)
```
#6bc2cd
```
#6bc2cd rgb(107,194,205)
```
#64c8d4
```
#64c8d4 rgb(100,200,212)
```
#5ccedc
```
#5ccedc rgb(92,206,220)
```
#54d4e4
```
#54d4e4 rgb(84,212,228)
```
#4ddaeb
```
#4ddaeb rgb(77,218,235)
```
#45e0f3
```
#45e0f3 rgb(69,224,243)
```
#3ee6fa
```
#3ee6fa rgb(62,230,250)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9eb4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec0d4 Protanopia 1% of men
#c1bde4 Deuteranopia 1% of men
#65d0df Tritanopia 0.001% of the population

Trichromacy

#9ac5d7 Protanomaly 1% of men, 0.01% of women
#9cc3e1 Deuteranomaly 6% of men, 0.4% of women
#61cfde Tritanomaly 0.01% of the population

#5ccedc hex color

#5ccedc Color Information

#5ccedc Color Conversion

Color Schemes with #5ccedc

Alternatives to #5ccedc

#5ccedc Preview

Shades and Tints of #5ccedc

Tones of #5ccedc

Color Blindness Simulator