#63b1f4 Color Information
In a RGB color space, hex #63b1f4 is composed of 38.8% red, 69.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 27.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.7 degrees, a saturation of 86.8% and a lightness of 67.3%. #63b1f4 color hex could be obtained by blending #c6ffff with #0063e9. Closest websafe color is: #6699ff.
-
- R 39
- G 69
- B 96
-
- C 59
- M 27
- Y 0
- K 4
● #63b1f4 color description : Soft blue.
#63b1f4 Color Conversion
The hexadecimal color #63b1f4 has RGB values of R:99, G:177, B:244 and CMYK values of C:0.59, M:0.27, Y:0, K:0.04. Its decimal value is 6533620.
Hex triplet | 63b1f4 | #63b1f4 |
---|---|---|
RGB Decimal | 99, 177, 244 | rgb(99,177,244) |
RGB Percent | 38.8, 69.4, 95.7 | rgb(38.8%,69.4%,95.7%) |
CMYK | 59, 27, 0, 4 | |
HSL | 207.7°, 86.8, 67.3 | hsl(207.7,86.8%,67.3%) |
HSV (or HSB) | 207.7°, 59.4, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.913, -4.599, -40.584 |
---|---|
XYZ | 37.193, 40.626, 91.465 |
xyY | 0.22, 0.24, 40.626 |
CIE-LCH | 69.913, 40.843, 263.534 |
CIE-LUV | 69.913, -32.995, -64.829 |
Hunter-Lab | 63.739, -7.384, -40.464 |
Binary | 01100011, 10110001, 11110100 |
Color Schemes with #63b1f4
Alternatives to #63b1f4
Below, you can see some colors close to #63b1f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63b1f4 Preview
This text has a font color of #63b1f4.
<span style="color:#63b1f4;">Text here</span>
This paragraph has a background color of #63b1f4.
<p style="background-color:#63b1f4;">Content here</p>
This element has a border color of #63b1f4.
<div style="border:1px solid #63b1f4;">Content here</div>
.text {color:#63b1f4;}
.background {background-color:#63b1f4;}
.border {border:1px solid #63b1f4;}
Shades and Tints of #63b1f4
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, #010509 is the darkest color, while #f6fafe is the lightest one.
-
#010509
#010509
rgb(1,5,9)
-
#02101b
#02101b
rgb(2,16,27)
-
#031a2e
#031a2e
rgb(3,26,46)
-
#052440
#052440
rgb(5,36,64)
-
#062f52
#062f52
rgb(6,47,82)
-
#073965
#073965
rgb(7,57,101)
-
#084477
#084477
rgb(8,68,119)
-
#0a4e89
#0a4e89
rgb(10,78,137)
-
#0b599b
#0b599b
rgb(11,89,155)
-
#0c63ae
#0c63ae
rgb(12,99,174)
-
#0e6ec0
#0e6ec0
rgb(14,110,192)
-
#0f78d2
#0f78d2
rgb(15,120,210)
-
#1083e5
#1083e5
rgb(16,131,229)
-
#1a8cef
#1a8cef
rgb(26,140,239)
-
#2c96f0
#2c96f0
rgb(44,150,240)
-
#3e9ff1
#3e9ff1
rgb(62,159,241)
-
#51a8f3
#51a8f3
rgb(81,168,243)
-
#63b1f4
#63b1f4
rgb(99,177,244)
-
#75baf5
#75baf5
rgb(117,186,245)
-
#88c3f7
#88c3f7
rgb(136,195,247)
-
#9accf8
#9accf8
rgb(154,204,248)
-
#acd6f9
#acd6f9
rgb(172,214,249)
-
#bfdffa
#bfdffa
rgb(191,223,250)
-
#d1e8fc
#d1e8fc
rgb(209,232,252)
-
#e3f1fd
#e3f1fd
rgb(227,241,253)
-
#f6fafe
#f6fafe
rgb(246,250,254)
Tones of #63b1f4
A tone is produced by adding gray to any pure hue. In this case, #aaacad is the less saturated color, while #5db1fa is the most saturated one.
-
#aaacad
#aaacad
rgb(170,172,173)
-
#a3acb4
#a3acb4
rgb(163,172,180)
-
#9dadba
#9dadba
rgb(157,173,186)
-
#96adc1
#96adc1
rgb(150,173,193)
-
#90aec7
#90aec7
rgb(144,174,199)
-
#8aaecd
#8aaecd
rgb(138,174,205)
-
#83afd4
#83afd4
rgb(131,175,212)
-
#7dafda
#7dafda
rgb(125,175,218)
-
#76b0e1
#76b0e1
rgb(118,176,225)
-
#70b0e7
#70b0e7
rgb(112,176,231)
-
#69b1ee
#69b1ee
rgb(105,177,238)
-
#63b1f4
#63b1f4
rgb(99,177,244)
-
#5db1fa
#5db1fa
rgb(93,177,250)
Color Blindness Simulator
Below, you can see how #63b1f4 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.