#5ccfe5 hex color

In a RGB color space, hex #5ccfe5 is composed of 36.1% red, 81.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 9.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 189.6 degrees, a saturation of 72.5% and a lightness of 62.9%. #5ccfe5 color hex could be obtained by blending #b8ffff with #009fcb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 81
- B 90
RGB color chart
- C 60
- M 10
- Y 0
- K 10
CMYK color chart

● #5ccfe5 color description : Soft cyan.

The hexadecimal color #5ccfe5 has RGB values of R:92, G:207, B:229 and CMYK values of C:0.6, M:0.1, Y:0, K:0.1. Its decimal value is 6082533.

Hex triplet	5ccfe5	`#5ccfe5`
RGB Decimal	92, 207, 229	`rgb(92,207,229)`
RGB Percent	36.1, 81.2, 89.8	`rgb(36.1%,81.2%,89.8%)`
CMYK	60, 10, 0, 10
HSL	189.6°, 72.5, 62.9	`hsl(189.6,72.5%,62.9%)`
HSV (or HSB)	189.6°, 59.8, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.611, -26.12, -20.648
XYZ	40.865, 52.555, 82.115
xyY	0.233, 0.299, 52.555
CIE-LCH	77.611, 33.296, 218.326
CIE-LUV	77.611, -46.268, -28.816
Hunter-Lab	72.495, -26.245, -16.412
Binary	01011100, 11001111, 11100101

#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#e5725c
```
#e5725c rgb(229,114,92)
```

Complementary Color

#5ce5b7
```
#5ce5b7 rgb(92,229,183)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#5c8be5
```
#5c8be5 rgb(92,139,229)
```

Analogous Color

#e5b75c
```
#e5b75c rgb(229,183,92)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#e55c8b
```
#e55c8b rgb(229,92,139)
```

Split Complementary Color

#cfe55c
```
#cfe55c rgb(207,229,92)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#e55ccf
```
#e55ccf rgb(229,92,207)
```

Triadic Color

#5ce572
```
#5ce572 rgb(92,229,114)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#e55ccf
```
#e55ccf rgb(229,92,207)
```
#e5725c
```
#e5725c rgb(229,114,92)
```

Tetradic Color

#22b6d3
```
#22b6d3 rgb(34,182,211)
```
#30c2de
```
#30c2de rgb(48,194,222)
```
#46c9e1
```
#46c9e1 rgb(70,201,225)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#72d5e9
```
#72d5e9 rgb(114,213,233)
```
#88dcec
```
#88dcec rgb(136,220,236)
```
#9ee2f0
```
#9ee2f0 rgb(158,226,240)
```

Monochromatic Color

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

#5ce5d9
```
#5ce5d9 rgb(92,229,217)
```
#5ce5e4
```
#5ce5e4 rgb(92,229,228)
```
#5cdae5
```
#5cdae5 rgb(92,218,229)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#5cc4e5
```
#5cc4e5 rgb(92,196,229)
```
#5cb8e5
```
#5cb8e5 rgb(92,184,229)
```
#5cade5
```
#5cade5 rgb(92,173,229)
```

Similar Colors

Text with hexadecimal color #5ccfe5

This text has a font color of #5ccfe5.

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

#5ccfe5 background color

This paragraph has a background color of #5ccfe5.

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

#5ccfe5 border color

This element has a border color of #5ccfe5.

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

CSS codes

.text {color:#5ccfe5;}

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

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

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, #010506 is the darkest color, while #f4fcfd is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#041417
```
#041417 rgb(4,20,23)
```
#062328
```
#062328 rgb(6,35,40)
```
#093139
```
#093139 rgb(9,49,57)
```
#0c404a
```
#0c404a rgb(12,64,74)
```
#0e4f5b
```
#0e4f5b rgb(14,79,91)
```
#115d6c
```
#115d6c rgb(17,93,108)
```
#146c7d
```
#146c7d rgb(20,108,125)
```
#177a8e
```
#177a8e rgb(23,122,142)
```
#19899e
```
#19899e rgb(25,137,158)
```
#1c98af
```
#1c98af rgb(28,152,175)
```
#1fa6c0
```
#1fa6c0 rgb(31,166,192)
```
#21b5d1
```
#21b5d1 rgb(33,181,209)
```

Shade Color Variation

#29c0dd
```
#29c0dd rgb(41,192,221)
```
#3ac5e0
```
#3ac5e0 rgb(58,197,224)
```
#4bcae2
```
#4bcae2 rgb(75,202,226)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#6dd4e8
```
#6dd4e8 rgb(109,212,232)
```
#7ed9ea
```
#7ed9ea rgb(126,217,234)
```
#8fdeed
```
#8fdeed rgb(143,222,237)
```
#a0e3f0
```
#a0e3f0 rgb(160,227,240)
```
#b1e8f2
```
#b1e8f2 rgb(177,232,242)
```
#c2edf5
```
#c2edf5 rgb(194,237,245)
```
#d2f2f8
```
#d2f2f8 rgb(210,242,248)
```
#e3f7fb
```
#e3f7fb rgb(227,247,251)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da3a4 is the less saturated color, while #46defb is the most saturated one.

#9da3a4
```
#9da3a4 rgb(157,163,164)
```
#96a8ab
```
#96a8ab rgb(150,168,171)
```
#8facb2
```
#8facb2 rgb(143,172,178)
```
#88b1b9
```
#88b1b9 rgb(136,177,185)
```
#80b6c1
```
#80b6c1 rgb(128,182,193)
```
#79bbc8
```
#79bbc8 rgb(121,187,200)
```
#72c0cf
```
#72c0cf rgb(114,192,207)
```
#6bc5d6
```
#6bc5d6 rgb(107,197,214)
```
#63cade
```
#63cade rgb(99,202,222)
```
#5ccfe5
```
#5ccfe5 rgb(92,207,229)
```
#55d4ec
```
#55d4ec rgb(85,212,236)
```
#4dd9f4
```
#4dd9f4 rgb(77,217,244)
```
#46defb
```
#46defb rgb(70,222,251)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec1dc Protanopia 1% of men
#bebfed Deuteranopia 1% of men
#61d2e1 Tritanopia 0.001% of the population

Trichromacy

#9ac6df Protanomaly 1% of men, 0.01% of women
#9ac5ea Deuteranomaly 6% of men, 0.4% of women
#5fd1e2 Tritanomaly 0.01% of the population

#5ccfe5 hex color

#5ccfe5 Color Information

#5ccfe5 Color Conversion

Color Schemes with #5ccfe5

Alternatives to #5ccfe5

#5ccfe5 Preview

Shades and Tints of #5ccfe5

Tones of #5ccfe5

Color Blindness Simulator