#1563ec Color Information
In a RGB color space, hex #1563ec is composed of 8.2% red, 38.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 58.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 218.2 degrees, a saturation of 85% and a lightness of 50.4%. #1563ec color hex could be obtained by blending #2ac6ff with #0000d9. Closest websafe color is: #0066ff.
-
- R 8
- G 39
- B 93
-
- C 91
- M 58
- Y 0
- K 7
● #1563ec color description : Vivid blue.
#1563ec Color Conversion
The hexadecimal color #1563ec has RGB values of R:21, G:99, B:236 and CMYK values of C:0.91, M:0.58, Y:0, K:0.07. Its decimal value is 1401836.
Hex triplet | 1563ec | #1563ec |
---|---|---|
RGB Decimal | 21, 99, 236 | rgb(21,99,236) |
RGB Percent | 8.2, 38.8, 92.5 | rgb(8.2%,38.8%,92.5%) |
CMYK | 91, 58, 0, 7 | |
HSL | 218.2°, 85, 50.4 | hsl(218.2,85%,50.4%) |
HSV (or HSB) | 218.2°, 91.1, 92.5 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 45.822, 30.465, -74.797 |
---|---|
XYZ | 19.908, 15.138, 81.225 |
xyY | 0.171, 0.13, 15.138 |
CIE-LCH | 45.822, 80.764, 292.161 |
CIE-LUV | 45.822, -21.17, -113.577 |
Hunter-Lab | 38.907, 23.249, -96.543 |
Binary | 00010101, 01100011, 11101100 |
Color Schemes with #1563ec
Alternatives to #1563ec
Below, you can see some colors close to #1563ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1563ec Preview
This text has a font color of #1563ec.
<span style="color:#1563ec;">Text here</span>
This paragraph has a background color of #1563ec.
<p style="background-color:#1563ec;">Content here</p>
This element has a border color of #1563ec.
<div style="border:1px solid #1563ec;">Content here</div>
.text {color:#1563ec;}
.background {background-color:#1563ec;}
.border {border:1px solid #1563ec;}
Shades and Tints of #1563ec
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, #000102 is the darkest color, while #eff4fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#020814
#020814
rgb(2,8,20)
-
#031026
#031026
rgb(3,16,38)
-
#051738
#051738
rgb(5,23,56)
-
#061f4a
#061f4a
rgb(6,31,74)
-
#08265d
#08265d
rgb(8,38,93)
-
#092e6f
#092e6f
rgb(9,46,111)
-
#0a3581
#0a3581
rgb(10,53,129)
-
#0c3d93
#0c3d93
rgb(12,61,147)
-
#0d44a5
#0d44a5
rgb(13,68,165)
-
#0f4cb7
#0f4cb7
rgb(15,76,183)
-
#1053c9
#1053c9
rgb(16,83,201)
-
#125bdc
#125bdc
rgb(18,91,220)
-
#1563ec
#1563ec
rgb(21,99,236)
-
#276fed
#276fed
rgb(39,111,237)
-
#397bef
#397bef
rgb(57,123,239)
-
#4b87f0
#4b87f0
rgb(75,135,240)
-
#5e93f2
#5e93f2
rgb(94,147,242)
-
#709ff3
#709ff3
rgb(112,159,243)
-
#82acf5
#82acf5
rgb(130,172,245)
-
#94b8f6
#94b8f6
rgb(148,184,246)
-
#a6c4f8
#a6c4f8
rgb(166,196,248)
-
#b8d0f9
#b8d0f9
rgb(184,208,249)
-
#cadcfb
#cadcfb
rgb(202,220,251)
-
#dde8fc
#dde8fc
rgb(221,232,252)
-
#eff4fe
#eff4fe
rgb(239,244,254)
Tones of #1563ec
A tone is produced by adding gray to any pure hue. In this case, #808081 is the less saturated color, while #0b60f6 is the most saturated one.
-
#808081
#808081
rgb(128,128,129)
-
#767e8b
#767e8b
rgb(118,126,139)
-
#6d7b94
#6d7b94
rgb(109,123,148)
-
#63789e
#63789e
rgb(99,120,158)
-
#5976a8
#5976a8
rgb(89,118,168)
-
#4f73b2
#4f73b2
rgb(79,115,178)
-
#4670bb
#4670bb
rgb(70,112,187)
-
#3c6ec5
#3c6ec5
rgb(60,110,197)
-
#326bcf
#326bcf
rgb(50,107,207)
-
#2868d9
#2868d9
rgb(40,104,217)
-
#1f66e2
#1f66e2
rgb(31,102,226)
-
#1563ec
#1563ec
rgb(21,99,236)
-
#0b60f6
#0b60f6
rgb(11,96,246)
Color Blindness Simulator
Below, you can see how #1563ec 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.