#63a4f1 Color Information
In a RGB color space, hex #63a4f1 is composed of 38.8% red, 64.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 32% magenta, 0% yellow and 5.5% black. It has a hue angle of 212.5 degrees, a saturation of 83.5% and a lightness of 66.7%. #63a4f1 color hex could be obtained by blending #c6ffff with #0049e3. Closest websafe color is: #6699ff.
-
- R 39
- G 64
- B 95
-
- C 59
- M 32
- Y 0
- K 5
● #63a4f1 color description : Soft blue.
#63a4f1 Color Conversion
The hexadecimal color #63a4f1 has RGB values of R:99, G:164, B:241 and CMYK values of C:0.59, M:0.32, Y:0, K:0.05. Its decimal value is 6530289.
Hex triplet | 63a4f1 | #63a4f1 |
---|---|---|
RGB Decimal | 99, 164, 241 | rgb(99,164,241) |
RGB Percent | 38.8, 64.3, 94.5 | rgb(38.8%,64.3%,94.5%) |
CMYK | 59, 32, 0, 5 | |
HSL | 212.5°, 83.5, 66.7 | hsl(212.5,83.5%,66.7%) |
HSV (or HSB) | 212.5°, 58.9, 94.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.176, 1.749, -44.803 |
---|---|
XYZ | 34.295, 35.552, 88.269 |
xyY | 0.217, 0.225, 35.552 |
CIE-LCH | 66.176, 44.837, 272.236 |
CIE-LUV | 66.176, -28.423, -72.209 |
Hunter-Lab | 59.626, -1.678, -46.034 |
Binary | 01100011, 10100100, 11110001 |
Color Schemes with #63a4f1
Alternatives to #63a4f1
Below, you can see some colors close to #63a4f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63a4f1 Preview
This text has a font color of #63a4f1.
<span style="color:#63a4f1;">Text here</span>
This paragraph has a background color of #63a4f1.
<p style="background-color:#63a4f1;">Content here</p>
This element has a border color of #63a4f1.
<div style="border:1px solid #63a4f1;">Content here</div>
.text {color:#63a4f1;}
.background {background-color:#63a4f1;}
.border {border:1px solid #63a4f1;}
Shades and Tints of #63a4f1
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, #010306 is the darkest color, while #f3f8fe is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#020c18
#020c18
rgb(2,12,24)
-
#04152a
#04152a
rgb(4,21,42)
-
#051e3c
#051e3c
rgb(5,30,60)
-
#07274e
#07274e
rgb(7,39,78)
-
#093160
#093160
rgb(9,49,96)
-
#0a3a72
#0a3a72
rgb(10,58,114)
-
#0c4384
#0c4384
rgb(12,67,132)
-
#0d4c96
#0d4c96
rgb(13,76,150)
-
#0f55a8
#0f55a8
rgb(15,85,168)
-
#115eba
#115eba
rgb(17,94,186)
-
#1267cc
#1267cc
rgb(18,103,204)
-
#1470de
#1470de
rgb(20,112,222)
-
#1b7aeb
#1b7aeb
rgb(27,122,235)
-
#2d85ec
#2d85ec
rgb(45,133,236)
-
#3f8fee
#3f8fee
rgb(63,143,238)
-
#519aef
#519aef
rgb(81,154,239)
-
#63a4f1
#63a4f1
rgb(99,164,241)
-
#75aff3
#75aff3
rgb(117,175,243)
-
#87b9f4
#87b9f4
rgb(135,185,244)
-
#99c4f6
#99c4f6
rgb(153,196,246)
-
#abcef7
#abcef7
rgb(171,206,247)
-
#bdd9f9
#bdd9f9
rgb(189,217,249)
-
#cfe3fb
#cfe3fb
rgb(207,227,251)
-
#e1eefc
#e1eefc
rgb(225,238,252)
-
#f3f8fe
#f3f8fe
rgb(243,248,254)
Tones of #63a4f1
A tone is produced by adding gray to any pure hue. In this case, #a4aab0 is the less saturated color, while #56a3fe is the most saturated one.
-
#a4aab0
#a4aab0
rgb(164,170,176)
-
#9ea9b6
#9ea9b6
rgb(158,169,182)
-
#97a8bd
#97a8bd
rgb(151,168,189)
-
#91a8c3
#91a8c3
rgb(145,168,195)
-
#8aa7ca
#8aa7ca
rgb(138,167,202)
-
#84a7d0
#84a7d0
rgb(132,167,208)
-
#7da6d7
#7da6d7
rgb(125,166,215)
-
#77a6dd
#77a6dd
rgb(119,166,221)
-
#70a5e4
#70a5e4
rgb(112,165,228)
-
#6aa5ea
#6aa5ea
rgb(106,165,234)
-
#63a4f1
#63a4f1
rgb(99,164,241)
-
#5ca3f8
#5ca3f8
rgb(92,163,248)
-
#56a3fe
#56a3fe
rgb(86,163,254)
Color Blindness Simulator
Below, you can see how #63a4f1 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.