#63a5fa Color Information
In a RGB color space, hex #63a5fa is composed of 38.8% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 213.8 degrees, a saturation of 93.8% and a lightness of 68.4%. #63a5fa color hex could be obtained by blending #c6ffff with #004bf5. Closest websafe color is: #6699ff.
-
- R 39
- G 65
- B 98
-
- C 60
- M 34
- Y 0
- K 2
● #63a5fa color description : Soft blue.
#63a5fa Color Conversion
The hexadecimal color #63a5fa has RGB values of R:99, G:165, B:250 and CMYK values of C:0.6, M:0.34, Y:0, K:0.02. Its decimal value is 6530554.
Hex triplet | 63a5fa | #63a5fa |
---|---|---|
RGB Decimal | 99, 165, 250 | rgb(99,165,250) |
RGB Percent | 38.8, 64.7, 98 | rgb(38.8%,64.7%,98%) |
CMYK | 60, 34, 0, 2 | |
HSL | 213.8°, 93.8, 68.4 | hsl(213.8,93.8%,68.4%) |
HSV (or HSB) | 213.8°, 60.4, 98 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.872, 4.06, -48.62 |
---|---|
XYZ | 35.852, 36.463, 95.586 |
xyY | 0.214, 0.217, 36.463 |
CIE-LCH | 66.872, 48.789, 274.774 |
CIE-LUV | 66.872, -28.616, -79.058 |
Hunter-Lab | 60.384, 0.308, -51.584 |
Binary | 01100011, 10100101, 11111010 |
Color Schemes with #63a5fa
Alternatives to #63a5fa
Below, you can see some colors close to #63a5fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63a5fa Preview
This text has a font color of #63a5fa.
<span style="color:#63a5fa;">Text here</span>
This paragraph has a background color of #63a5fa.
<p style="background-color:#63a5fa;">Content here</p>
This element has a border color of #63a5fa.
<div style="border:1px solid #63a5fa;">Content here</div>
.text {color:#63a5fa;}
.background {background-color:#63a5fa;}
.border {border:1px solid #63a5fa;}
Shades and Tints of #63a5fa
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, #00070f is the darkest color, while #fbfdff is the lightest one.
-
#00070f
#00070f
rgb(0,7,15)
-
#011022
#011022
rgb(1,16,34)
-
#021835
#021835
rgb(2,24,53)
-
#022148
#022148
rgb(2,33,72)
-
#03295b
#03295b
rgb(3,41,91)
-
#04326e
#04326e
rgb(4,50,110)
-
#043b81
#043b81
rgb(4,59,129)
-
#054394
#054394
rgb(5,67,148)
-
#054ca7
#054ca7
rgb(5,76,167)
-
#0655ba
#0655ba
rgb(6,85,186)
-
#075dcd
#075dcd
rgb(7,93,205)
-
#0766e0
#0766e0
rgb(7,102,224)
-
#086ff3
#086ff3
rgb(8,111,243)
-
#1779f8
#1779f8
rgb(23,121,248)
-
#2a84f8
#2a84f8
rgb(42,132,248)
-
#3d8ff9
#3d8ff9
rgb(61,143,249)
-
#509af9
#509af9
rgb(80,154,249)
-
#63a5fa
#63a5fa
rgb(99,165,250)
-
#76b0fb
#76b0fb
rgb(118,176,251)
-
#89bbfb
#89bbfb
rgb(137,187,251)
-
#9cc6fc
#9cc6fc
rgb(156,198,252)
-
#afd1fc
#afd1fc
rgb(175,209,252)
-
#c2dcfd
#c2dcfd
rgb(194,220,253)
-
#d5e7fe
#d5e7fe
rgb(213,231,254)
-
#e8f2fe
#e8f2fe
rgb(232,242,254)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #63a5fa
A tone is produced by adding gray to any pure hue. In this case, #adaeb0 is the less saturated color, while #63a5fa is the most saturated one.
-
#adaeb0
#adaeb0
rgb(173,174,176)
-
#a7aeb6
#a7aeb6
rgb(167,174,182)
-
#a1adbc
#a1adbc
rgb(161,173,188)
-
#9bacc2
#9bacc2
rgb(155,172,194)
-
#95abc8
#95abc8
rgb(149,171,200)
-
#8eaacf
#8eaacf
rgb(142,170,207)
-
#88aad5
#88aad5
rgb(136,170,213)
-
#82a9db
#82a9db
rgb(130,169,219)
-
#7ca8e1
#7ca8e1
rgb(124,168,225)
-
#76a7e7
#76a7e7
rgb(118,167,231)
-
#6fa7ee
#6fa7ee
rgb(111,167,238)
-
#69a6f4
#69a6f4
rgb(105,166,244)
-
#63a5fa
#63a5fa
rgb(99,165,250)
Color Blindness Simulator
Below, you can see how #63a5fa 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.