#63a5e5 Color Information
In a RGB color space, hex #63a5e5 is composed of 38.8% red, 64.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 27.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 209.5 degrees, a saturation of 71.4% and a lightness of 64.3%. #63a5e5 color hex could be obtained by blending #c6ffff with #004bcb. Closest websafe color is: #6699cc.
-
- R 39
- G 65
- B 90
-
- C 57
- M 28
- Y 0
- K 10
● #63a5e5 color description : Soft blue.
#63a5e5 Color Conversion
The hexadecimal color #63a5e5 has RGB values of R:99, G:165, B:229 and CMYK values of C:0.57, M:0.28, Y:0, K:0.1. Its decimal value is 6530533.
Hex triplet | 63a5e5 | #63a5e5 |
---|---|---|
RGB Decimal | 99, 165, 229 | rgb(99,165,229) |
RGB Percent | 38.8, 64.7, 89.8 | rgb(38.8%,64.7%,89.8%) |
CMYK | 57, 28, 0, 10 | |
HSL | 209.5°, 71.4, 64.3 | hsl(209.5,71.4%,64.3%) |
HSV (or HSB) | 209.5°, 56.8, 89.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 65.918, -2.598, -38.627 |
---|---|
XYZ | 32.74, 35.218, 79.197 |
xyY | 0.222, 0.239, 35.218 |
CIE-LCH | 65.918, 38.714, 266.152 |
CIE-LUV | 65.918, -29.009, -61.219 |
Hunter-Lab | 59.345, -5.376, -37.582 |
Binary | 01100011, 10100101, 11100101 |
Color Schemes with #63a5e5
Alternatives to #63a5e5
Below, you can see some colors close to #63a5e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63a5e5 Preview
This text has a font color of #63a5e5.
<span style="color:#63a5e5;">Text here</span>
This paragraph has a background color of #63a5e5.
<p style="background-color:#63a5e5;">Content here</p>
This element has a border color of #63a5e5.
<div style="border:1px solid #63a5e5;">Content here</div>
.text {color:#63a5e5;}
.background {background-color:#63a5e5;}
.border {border:1px solid #63a5e5;}
Shades and Tints of #63a5e5
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, #02070c is the darkest color, while #fafcfe is the lightest one.
-
#02070c
#02070c
rgb(2,7,12)
-
#05111d
#05111d
rgb(5,17,29)
-
#081b2e
#081b2e
rgb(8,27,46)
-
#0a253f
#0a253f
rgb(10,37,63)
-
#0d2f4f
#0d2f4f
rgb(13,47,79)
-
#103960
#103960
rgb(16,57,96)
-
#134371
#134371
rgb(19,67,113)
-
#164d82
#164d82
rgb(22,77,130)
-
#185693
#185693
rgb(24,86,147)
-
#1b60a3
#1b60a3
rgb(27,96,163)
-
#1e6ab4
#1e6ab4
rgb(30,106,180)
-
#2174c5
#2174c5
rgb(33,116,197)
-
#247ed6
#247ed6
rgb(36,126,214)
-
#3188dd
#3188dd
rgb(49,136,221)
-
#4192df
#4192df
rgb(65,146,223)
-
#529be2
#529be2
rgb(82,155,226)
-
#63a5e5
#63a5e5
rgb(99,165,229)
-
#74afe8
#74afe8
rgb(116,175,232)
-
#85b8eb
#85b8eb
rgb(133,184,235)
-
#95c2ed
#95c2ed
rgb(149,194,237)
-
#a6ccf0
#a6ccf0
rgb(166,204,240)
-
#b7d5f3
#b7d5f3
rgb(183,213,243)
-
#c8dff6
#c8dff6
rgb(200,223,246)
-
#d9e9f9
#d9e9f9
rgb(217,233,249)
-
#eaf3fb
#eaf3fb
rgb(234,243,251)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #63a5e5
A tone is produced by adding gray to any pure hue. In this case, #a2a4a6 is the less saturated color, while #4ea5fa is the most saturated one.
-
#a2a4a6
#a2a4a6
rgb(162,164,166)
-
#9ba4ad
#9ba4ad
rgb(155,164,173)
-
#94a4b4
#94a4b4
rgb(148,164,180)
-
#8da4bb
#8da4bb
rgb(141,164,187)
-
#86a4c2
#86a4c2
rgb(134,164,194)
-
#7fa5c9
#7fa5c9
rgb(127,165,201)
-
#78a5d0
#78a5d0
rgb(120,165,208)
-
#71a5d7
#71a5d7
rgb(113,165,215)
-
#6aa5de
#6aa5de
rgb(106,165,222)
-
#63a5e5
#63a5e5
rgb(99,165,229)
-
#5ca5ec
#5ca5ec
rgb(92,165,236)
-
#55a5f3
#55a5f3
rgb(85,165,243)
-
#4ea5fa
#4ea5fa
rgb(78,165,250)
Color Blindness Simulator
Below, you can see how #63a5e5 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.