#63ccff Color Information
In a RGB color space, hex #63ccff is composed of 38.8% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 199.6 degrees, a saturation of 100% and a lightness of 69.4%. #63ccff color hex could be obtained by blending #c6ffff with #0099ff. Closest websafe color is: #66ccff.
-
- R 39
- G 80
- B 100
-
- C 61
- M 20
- Y 0
- K 0
● #63ccff color description : Light blue.
#63ccff Color Conversion
The hexadecimal color #63ccff has RGB values of R:99, G:204, B:255 and CMYK values of C:0.61, M:0.2, Y:0, K:0. Its decimal value is 6540543.
Hex triplet | 63ccff | #63ccff |
---|---|---|
RGB Decimal | 99, 204, 255 | rgb(99,204,255) |
RGB Percent | 38.8, 80, 100 | rgb(38.8%,80%,100%) |
CMYK | 61, 20, 0, 0 | |
HSL | 199.6°, 100, 69.4 | hsl(199.6,100%,69.4%) |
HSV (or HSB) | 199.6°, 61.2, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.908, -15.701, -34.092 |
---|---|
XYZ | 44.784, 53.055, 102.483 |
xyY | 0.224, 0.265, 53.055 |
CIE-LCH | 77.908, 37.534, 245.272 |
CIE-LUV | 77.908, -42.341, -53.091 |
Hunter-Lab | 72.839, -17.72, -32.433 |
Binary | 01100011, 11001100, 11111111 |
Color Schemes with #63ccff
Alternatives to #63ccff
Below, you can see some colors close to #63ccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63ccff Preview
This text has a font color of #63ccff.
<span style="color:#63ccff;">Text here</span>
This paragraph has a background color of #63ccff.
<p style="background-color:#63ccff;">Content here</p>
This element has a border color of #63ccff.
<div style="border:1px solid #63ccff;">Content here</div>
.text {color:#63ccff;}
.background {background-color:#63ccff;}
.border {border:1px solid #63ccff;}
Shades and Tints of #63ccff
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, #000101 is the darkest color, while #ecf9ff is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#000e15
#000e15
rgb(0,14,21)
-
#001b28
#001b28
rgb(0,27,40)
-
#00283c
#00283c
rgb(0,40,60)
-
#00354f
#00354f
rgb(0,53,79)
-
#004363
#004363
rgb(0,67,99)
-
#005077
#005077
rgb(0,80,119)
-
#005d8a
#005d8a
rgb(0,93,138)
-
#006a9e
#006a9e
rgb(0,106,158)
-
#0077b1
#0077b1
rgb(0,119,177)
-
#0085c5
#0085c5
rgb(0,133,197)
-
#0092d9
#0092d9
rgb(0,146,217)
-
#009fec
#009fec
rgb(0,159,236)
-
#01acff
#01acff
rgb(1,172,255)
-
#15b2ff
#15b2ff
rgb(21,178,255)
-
#28b9ff
#28b9ff
rgb(40,185,255)
-
#3cbfff
#3cbfff
rgb(60,191,255)
-
#4fc6ff
#4fc6ff
rgb(79,198,255)
-
#63ccff
#63ccff
rgb(99,204,255)
-
#77d2ff
#77d2ff
rgb(119,210,255)
-
#8ad9ff
#8ad9ff
rgb(138,217,255)
-
#9edfff
#9edfff
rgb(158,223,255)
-
#b1e6ff
#b1e6ff
rgb(177,230,255)
-
#c5ecff
#c5ecff
rgb(197,236,255)
-
#d9f2ff
#d9f2ff
rgb(217,242,255)
-
#ecf9ff
#ecf9ff
rgb(236,249,255)
Tones of #63ccff
A tone is produced by adding gray to any pure hue. In this case, #abb3b7 is the less saturated color, while #63ccff is the most saturated one.
-
#abb3b7
#abb3b7
rgb(171,179,183)
-
#a5b5bd
#a5b5bd
rgb(165,181,189)
-
#9fb7c3
#9fb7c3
rgb(159,183,195)
-
#99b9c9
#99b9c9
rgb(153,185,201)
-
#93bbcf
#93bbcf
rgb(147,187,207)
-
#8dbdd5
#8dbdd5
rgb(141,189,213)
-
#87c0db
#87c0db
rgb(135,192,219)
-
#81c2e1
#81c2e1
rgb(129,194,225)
-
#7bc4e7
#7bc4e7
rgb(123,196,231)
-
#75c6ed
#75c6ed
rgb(117,198,237)
-
#6fc8f3
#6fc8f3
rgb(111,200,243)
-
#69caf9
#69caf9
rgb(105,202,249)
-
#63ccff
#63ccff
rgb(99,204,255)
Color Blindness Simulator
Below, you can see how #63ccff 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.