#63b1f2 Color Information
In a RGB color space, hex #63b1f2 is composed of 38.8% red, 69.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 26.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.3 degrees, a saturation of 84.6% and a lightness of 66.9%. #63b1f2 color hex could be obtained by blending #c6ffff with #0063e5. Closest websafe color is: #6699ff.
-
- R 39
- G 69
- B 95
-
- C 59
- M 27
- Y 0
- K 5
● #63b1f2 color description : Soft blue.
#63b1f2 Color Conversion
The hexadecimal color #63b1f2 has RGB values of R:99, G:177, B:242 and CMYK values of C:0.59, M:0.27, Y:0, K:0.05. Its decimal value is 6533618.
Hex triplet | 63b1f2 | #63b1f2 |
---|---|---|
RGB Decimal | 99, 177, 242 | rgb(99,177,242) |
RGB Percent | 38.8, 69.4, 94.9 | rgb(38.8%,69.4%,94.9%) |
CMYK | 59, 27, 0, 5 | |
HSL | 207.3°, 84.6, 66.9 | hsl(207.3,84.6%,66.9%) |
HSV (or HSB) | 207.3°, 59.1, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.828, -5.225, -39.63 |
---|---|
XYZ | 36.891, 40.505, 89.874 |
xyY | 0.221, 0.242, 40.505 |
CIE-LCH | 69.828, 39.973, 262.49 |
CIE-LUV | 69.828, -33.05, -63.115 |
Hunter-Lab | 63.644, -7.91, -39.175 |
Binary | 01100011, 10110001, 11110010 |
Color Schemes with #63b1f2
Alternatives to #63b1f2
Below, you can see some colors close to #63b1f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63b1f2 Preview
This text has a font color of #63b1f2.
<span style="color:#63b1f2;">Text here</span>
This paragraph has a background color of #63b1f2.
<p style="background-color:#63b1f2;">Content here</p>
This element has a border color of #63b1f2.
<div style="border:1px solid #63b1f2;">Content here</div>
.text {color:#63b1f2;}
.background {background-color:#63b1f2;}
.border {border:1px solid #63b1f2;}
Shades and Tints of #63b1f2
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, #010407 is the darkest color, while #f4f9fe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#020f19
#020f19
rgb(2,15,25)
-
#04192b
#04192b
rgb(4,25,43)
-
#05243d
#05243d
rgb(5,36,61)
-
#072e4f
#072e4f
rgb(7,46,79)
-
#083961
#083961
rgb(8,57,97)
-
#0a4374
#0a4374
rgb(10,67,116)
-
#0b4e86
#0b4e86
rgb(11,78,134)
-
#0d5998
#0d5998
rgb(13,89,152)
-
#0e63aa
#0e63aa
rgb(14,99,170)
-
#106ebc
#106ebc
rgb(16,110,188)
-
#1178ce
#1178ce
rgb(17,120,206)
-
#1383e0
#1383e0
rgb(19,131,224)
-
#1b8dec
#1b8dec
rgb(27,141,236)
-
#2d96ed
#2d96ed
rgb(45,150,237)
-
#3f9fef
#3f9fef
rgb(63,159,239)
-
#51a8f0
#51a8f0
rgb(81,168,240)
-
#63b1f2
#63b1f2
rgb(99,177,242)
-
#75baf4
#75baf4
rgb(117,186,244)
-
#87c3f5
#87c3f5
rgb(135,195,245)
-
#99ccf7
#99ccf7
rgb(153,204,247)
-
#abd5f8
#abd5f8
rgb(171,213,248)
-
#bedefa
#bedefa
rgb(190,222,250)
-
#d0e7fb
#d0e7fb
rgb(208,231,251)
-
#e2f0fd
#e2f0fd
rgb(226,240,253)
-
#f4f9fe
#f4f9fe
rgb(244,249,254)
Tones of #63b1f2
A tone is produced by adding gray to any pure hue. In this case, #a4abb1 is the less saturated color, while #56b2ff is the most saturated one.
-
#a4abb1
#a4abb1
rgb(164,171,177)
-
#9eacb8
#9eacb8
rgb(158,172,184)
-
#97acbe
#97acbe
rgb(151,172,190)
-
#91adc5
#91adc5
rgb(145,173,197)
-
#8aadcb
#8aadcb
rgb(138,173,203)
-
#84aed2
#84aed2
rgb(132,174,210)
-
#7dafd8
#7dafd8
rgb(125,175,216)
-
#77afdf
#77afdf
rgb(119,175,223)
-
#70b0e5
#70b0e5
rgb(112,176,229)
-
#6ab0ec
#6ab0ec
rgb(106,176,236)
-
#63b1f2
#63b1f2
rgb(99,177,242)
-
#5db2f9
#5db2f9
rgb(93,178,249)
-
#56b2ff
#56b2ff
rgb(86,178,255)
Color Blindness Simulator
Below, you can see how #63b1f2 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.