#5ccdff Color Information
In a RGB color space, hex #5ccdff is composed of 36.1% red, 80.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 19.6% magenta, 0% yellow and 0% black. It has a hue angle of 198.4 degrees, a saturation of 100% and a lightness of 68%. #5ccdff color hex could be obtained by blending #b8ffff with #009bff. Closest websafe color is: #66ccff.
-
- R 36
- G 80
- B 100
-
- C 64
- M 20
- Y 0
- K 0
● #5ccdff color description : Light blue.
#5ccdff Color Conversion
The hexadecimal color #5ccdff has RGB values of R:92, G:205, B:255 and CMYK values of C:0.64, M:0.2, Y:0, K:0. Its decimal value is 6082047.
Hex triplet | 5ccdff | #5ccdff |
---|---|---|
RGB Decimal | 92, 205, 255 | rgb(92,205,255) |
RGB Percent | 36.1, 80.4, 100 | rgb(36.1%,80.4%,100%) |
CMYK | 64, 20, 0, 0 | |
HSL | 198.4°, 100, 68 | hsl(198.4,100%,68%) |
HSV (or HSB) | 198.4°, 63.9, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.966, -17.388, -34.02 |
---|---|
XYZ | 44.29, 53.155, 102.528 |
xyY | 0.221, 0.266, 53.155 |
CIE-LCH | 77.966, 38.206, 242.928 |
CIE-LUV | 77.966, -44.271, -52.758 |
Hunter-Lab | 72.907, -19.151, -32.343 |
Binary | 01011100, 11001101, 11111111 |
Color Schemes with #5ccdff
Alternatives to #5ccdff
Below, you can see some colors close to #5ccdff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ccdff Preview
This text has a font color of #5ccdff.
<span style="color:#5ccdff;">Text here</span>
This paragraph has a background color of #5ccdff.
<p style="background-color:#5ccdff;">Content here</p>
This element has a border color of #5ccdff.
<div style="border:1px solid #5ccdff;">Content here</div>
.text {color:#5ccdff;}
.background {background-color:#5ccdff;}
.border {border:1px solid #5ccdff;}
Shades and Tints of #5ccdff
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, #00090e is the darkest color, while #f9fdff is the lightest one.
-
#00090e
#00090e
rgb(0,9,14)
-
#001721
#001721
rgb(0,23,33)
-
#002535
#002535
rgb(0,37,53)
-
#003248
#003248
rgb(0,50,72)
-
#00405c
#00405c
rgb(0,64,92)
-
#004d70
#004d70
rgb(0,77,112)
-
#005b83
#005b83
rgb(0,91,131)
-
#006997
#006997
rgb(0,105,151)
-
#0076aa
#0076aa
rgb(0,118,170)
-
#0084be
#0084be
rgb(0,132,190)
-
#0091d2
#0091d2
rgb(0,145,210)
-
#009fe5
#009fe5
rgb(0,159,229)
-
#00adf9
#00adf9
rgb(0,173,249)
-
#0eb5ff
#0eb5ff
rgb(14,181,255)
-
#21bbff
#21bbff
rgb(33,187,255)
-
#35c1ff
#35c1ff
rgb(53,193,255)
-
#48c7ff
#48c7ff
rgb(72,199,255)
-
#5ccdff
#5ccdff
rgb(92,205,255)
-
#70d3ff
#70d3ff
rgb(112,211,255)
-
#83d9ff
#83d9ff
rgb(131,217,255)
-
#97dfff
#97dfff
rgb(151,223,255)
-
#aae5ff
#aae5ff
rgb(170,229,255)
-
#beebff
#beebff
rgb(190,235,255)
-
#d2f1ff
#d2f1ff
rgb(210,241,255)
-
#e5f7ff
#e5f7ff
rgb(229,247,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #5ccdff
A tone is produced by adding gray to any pure hue. In this case, #a7b0b4 is the less saturated color, while #5ccdff is the most saturated one.
-
#a7b0b4
#a7b0b4
rgb(167,176,180)
-
#a1b2ba
#a1b2ba
rgb(161,178,186)
-
#9bb5c0
#9bb5c0
rgb(155,181,192)
-
#94b7c7
#94b7c7
rgb(148,183,199)
-
#8ebacd
#8ebacd
rgb(142,186,205)
-
#88bcd3
#88bcd3
rgb(136,188,211)
-
#82bed9
#82bed9
rgb(130,190,217)
-
#7bc1e0
#7bc1e0
rgb(123,193,224)
-
#75c3e6
#75c3e6
rgb(117,195,230)
-
#6fc6ec
#6fc6ec
rgb(111,198,236)
-
#69c8f2
#69c8f2
rgb(105,200,242)
-
#62cbf9
#62cbf9
rgb(98,203,249)
-
#5ccdff
#5ccdff
rgb(92,205,255)
Color Blindness Simulator
Below, you can see how #5ccdff 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.