#5ccaff Color Information
In a RGB color space, hex #5ccaff is composed of 36.1% red, 79.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 20.8% magenta, 0% yellow and 0% black. It has a hue angle of 199.5 degrees, a saturation of 100% and a lightness of 68%. #5ccaff color hex could be obtained by blending #b8ffff with #0095ff. Closest websafe color is: #66ccff.
-
- R 36
- G 79
- B 100
-
- C 64
- M 21
- Y 0
- K 0
● #5ccaff color description : Light blue.
#5ccaff Color Conversion
The hexadecimal color #5ccaff has RGB values of R:92, G:202, B:255 and CMYK values of C:0.64, M:0.21, Y:0, K:0. Its decimal value is 6081279.
Hex triplet | 5ccaff | #5ccaff |
---|---|---|
RGB Decimal | 92, 202, 255 | rgb(92,202,255) |
RGB Percent | 36.1, 79.2, 100 | rgb(36.1%,79.2%,100%) |
CMYK | 64, 21, 0, 0 | |
HSL | 199.5°, 100, 68 | hsl(199.5,100%,68%) |
HSV (or HSB) | 199.5°, 63.9, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.121, -15.83, -35.326 |
---|---|
XYZ | 43.58, 51.733, 102.291 |
xyY | 0.221, 0.262, 51.733 |
CIE-LCH | 77.121, 38.711, 245.863 |
CIE-LUV | 77.121, -43.2, -55.146 |
Hunter-Lab | 71.926, -17.717, -33.973 |
Binary | 01011100, 11001010, 11111111 |
Color Schemes with #5ccaff
Alternatives to #5ccaff
Below, you can see some colors close to #5ccaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ccaff Preview
This text has a font color of #5ccaff.
<span style="color:#5ccaff;">Text here</span>
This paragraph has a background color of #5ccaff.
<p style="background-color:#5ccaff;">Content here</p>
This element has a border color of #5ccaff.
<div style="border:1px solid #5ccaff;">Content here</div>
.text {color:#5ccaff;}
.background {background-color:#5ccaff;}
.border {border:1px solid #5ccaff;}
Shades and Tints of #5ccaff
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)
-
#001621
#001621
rgb(0,22,33)
-
#002435
#002435
rgb(0,36,53)
-
#003148
#003148
rgb(0,49,72)
-
#003e5c
#003e5c
rgb(0,62,92)
-
#004b70
#004b70
rgb(0,75,112)
-
#005983
#005983
rgb(0,89,131)
-
#006697
#006697
rgb(0,102,151)
-
#0073aa
#0073aa
rgb(0,115,170)
-
#0080be
#0080be
rgb(0,128,190)
-
#008ed2
#008ed2
rgb(0,142,210)
-
#009be5
#009be5
rgb(0,155,229)
-
#00a8f9
#00a8f9
rgb(0,168,249)
-
#0eb0ff
#0eb0ff
rgb(14,176,255)
-
#21b7ff
#21b7ff
rgb(33,183,255)
-
#35bdff
#35bdff
rgb(53,189,255)
-
#48c4ff
#48c4ff
rgb(72,196,255)
-
#5ccaff
#5ccaff
rgb(92,202,255)
-
#70d0ff
#70d0ff
rgb(112,208,255)
-
#83d7ff
#83d7ff
rgb(131,215,255)
-
#97ddff
#97ddff
rgb(151,221,255)
-
#aae4ff
#aae4ff
rgb(170,228,255)
-
#beeaff
#beeaff
rgb(190,234,255)
-
#d2f0ff
#d2f0ff
rgb(210,240,255)
-
#e5f7ff
#e5f7ff
rgb(229,247,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #5ccaff
A tone is produced by adding gray to any pure hue. In this case, #a7b0b4 is the less saturated color, while #5ccaff is the most saturated one.
-
#a7b0b4
#a7b0b4
rgb(167,176,180)
-
#a1b2ba
#a1b2ba
rgb(161,178,186)
-
#9bb4c0
#9bb4c0
rgb(155,180,192)
-
#94b6c7
#94b6c7
rgb(148,182,199)
-
#8eb8cd
#8eb8cd
rgb(142,184,205)
-
#88bbd3
#88bbd3
rgb(136,187,211)
-
#82bdd9
#82bdd9
rgb(130,189,217)
-
#7bbfe0
#7bbfe0
rgb(123,191,224)
-
#75c1e6
#75c1e6
rgb(117,193,230)
-
#6fc3ec
#6fc3ec
rgb(111,195,236)
-
#69c6f2
#69c6f2
rgb(105,198,242)
-
#62c8f9
#62c8f9
rgb(98,200,249)
-
#5ccaff
#5ccaff
rgb(92,202,255)
Color Blindness Simulator
Below, you can see how #5ccaff 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.