#1563e2 Color Information
In a RGB color space, hex #1563e2 is composed of 8.2% red, 38.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 56.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 217.2 degrees, a saturation of 83% and a lightness of 48.4%. #1563e2 color hex could be obtained by blending #2ac6ff with #0000c5. Closest websafe color is: #0066cc.
-
- R 8
- G 39
- B 89
-
- C 91
- M 56
- Y 0
- K 11
● #1563e2 color description : Vivid blue.
#1563e2 Color Conversion
The hexadecimal color #1563e2 has RGB values of R:21, G:99, B:226 and CMYK values of C:0.91, M:0.56, Y:0, K:0.11. Its decimal value is 1401826.
Hex triplet | 1563e2 | #1563e2 |
---|---|---|
RGB Decimal | 21, 99, 226 | rgb(21,99,226) |
RGB Percent | 8.2, 38.8, 88.6 | rgb(8.2%,38.8%,88.6%) |
CMYK | 91, 56, 0, 11 | |
HSL | 217.2°, 83, 48.4 | hsl(217.2,83%,48.4%) |
HSV (or HSB) | 217.2°, 90.7, 88.6 | |
Web Safe | 0066cc | #0066cc |
CIE-LAB | 45.043, 26.627, -70.424 |
---|---|
XYZ | 18.496, 14.573, 73.785 |
xyY | 0.173, 0.136, 14.573 |
CIE-LCH | 45.043, 75.29, 290.711 |
CIE-LUV | 45.043, -21.35, -106.719 |
Hunter-Lab | 38.174, 19.68, -87.878 |
Binary | 00010101, 01100011, 11100010 |
Color Schemes with #1563e2
Alternatives to #1563e2
Below, you can see some colors close to #1563e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1563e2 Preview
This text has a font color of #1563e2.
<span style="color:#1563e2;">Text here</span>
This paragraph has a background color of #1563e2.
<p style="background-color:#1563e2;">Content here</p>
This element has a border color of #1563e2.
<div style="border:1px solid #1563e2;">Content here</div>
.text {color:#1563e2;}
.background {background-color:#1563e2;}
.border {border:1px solid #1563e2;}
Shades and Tints of #1563e2
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, #01050b is the darkest color, while #f8fafe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#030d1d
#030d1d
rgb(3,13,29)
-
#04142f
#04142f
rgb(4,20,47)
-
#061c40
#061c40
rgb(6,28,64)
-
#082452
#082452
rgb(8,36,82)
-
#092c64
#092c64
rgb(9,44,100)
-
#0b3476
#0b3476
rgb(11,52,118)
-
#0d3c88
#0d3c88
rgb(13,60,136)
-
#0e449a
#0e449a
rgb(14,68,154)
-
#104bac
#104bac
rgb(16,75,172)
-
#1253be
#1253be
rgb(18,83,190)
-
#135bd0
#135bd0
rgb(19,91,208)
-
#1563e2
#1563e2
rgb(21,99,226)
-
#206dea
#206dea
rgb(32,109,234)
-
#3279ec
#3279ec
rgb(50,121,236)
-
#4485ee
#4485ee
rgb(68,133,238)
-
#5690ef
#5690ef
rgb(86,144,239)
-
#689cf1
#689cf1
rgb(104,156,241)
-
#7aa8f3
#7aa8f3
rgb(122,168,243)
-
#8cb4f4
#8cb4f4
rgb(140,180,244)
-
#9ebff6
#9ebff6
rgb(158,191,246)
-
#b0cbf8
#b0cbf8
rgb(176,203,248)
-
#c2d7f9
#c2d7f9
rgb(194,215,249)
-
#d4e3fb
#d4e3fb
rgb(212,227,251)
-
#e6eefd
#e6eefd
rgb(230,238,253)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #1563e2
A tone is produced by adding gray to any pure hue. In this case, #747a83 is the less saturated color, while #025ef5 is the most saturated one.
-
#747a83
#747a83
rgb(116,122,131)
-
#6b778d
#6b778d
rgb(107,119,141)
-
#617596
#617596
rgb(97,117,150)
-
#5873a0
#5873a0
rgb(88,115,160)
-
#4e71a9
#4e71a9
rgb(78,113,169)
-
#456eb3
#456eb3
rgb(69,110,179)
-
#3b6cbc
#3b6cbc
rgb(59,108,188)
-
#326ac6
#326ac6
rgb(50,106,198)
-
#2868cf
#2868cf
rgb(40,104,207)
-
#1f65d9
#1f65d9
rgb(31,101,217)
-
#1563e2
#1563e2
rgb(21,99,226)
-
#0c61ec
#0c61ec
rgb(12,97,236)
-
#025ef5
#025ef5
rgb(2,94,245)
Color Blindness Simulator
Below, you can see how #1563e2 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.