#3563f6 Color Information
In a RGB color space, hex #3563f6 is composed of 20.8% red, 38.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 59.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 225.7 degrees, a saturation of 91.5% and a lightness of 58.6%. #3563f6 color hex could be obtained by blending #6ac6ff with #0000ed. Closest websafe color is: #3366ff.
-
- R 21
- G 39
- B 96
-
- C 78
- M 60
- Y 0
- K 4
● #3563f6 color description : Bright blue.
#3563f6 Color Conversion
The hexadecimal color #3563f6 has RGB values of R:53, G:99, B:246 and CMYK values of C:0.78, M:0.6, Y:0, K:0.04. Its decimal value is 3498998.
Hex triplet | 3563f6 | #3563f6 |
---|---|---|
RGB Decimal | 53, 99, 246 | rgb(53,99,246) |
RGB Percent | 20.8, 38.8, 96.5 | rgb(20.8%,38.8%,96.5%) |
CMYK | 78, 60, 0, 4 | |
HSL | 225.7°, 91.5, 58.6 | hsl(225.7,91.5%,58.6%) |
HSV (or HSB) | 225.7°, 78.5, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.408, 36.273, -77.778 |
---|---|
XYZ | 22.561, 16.333, 89.147 |
xyY | 0.176, 0.128, 16.333 |
CIE-LCH | 47.408, 85.82, 295.002 |
CIE-LUV | 47.408, -17.969, -119.302 |
Hunter-Lab | 40.414, 28.924, -102.496 |
Binary | 00110101, 01100011, 11110110 |
Color Schemes with #3563f6
Alternatives to #3563f6
Below, you can see some colors close to #3563f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3563f6 Preview
This text has a font color of #3563f6.
<span style="color:#3563f6;">Text here</span>
This paragraph has a background color of #3563f6.
<p style="background-color:#3563f6;">Content here</p>
This element has a border color of #3563f6.
<div style="border:1px solid #3563f6;">Content here</div>
.text {color:#3563f6;}
.background {background-color:#3563f6;}
.border {border:1px solid #3563f6;}
Shades and Tints of #3563f6
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, #000105 is the darkest color, while #f1f4fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#010617
#010617
rgb(1,6,23)
-
#020b2a
#020b2a
rgb(2,11,42)
-
#03113d
#03113d
rgb(3,17,61)
-
#041650
#041650
rgb(4,22,80)
-
#041b62
#041b62
rgb(4,27,98)
-
#052075
#052075
rgb(5,32,117)
-
#062588
#062588
rgb(6,37,136)
-
#072a9b
#072a9b
rgb(7,42,155)
-
#082fae
#082fae
rgb(8,47,174)
-
#0934c0
#0934c0
rgb(9,52,192)
-
#0939d3
#0939d3
rgb(9,57,211)
-
#0a3fe6
#0a3fe6
rgb(10,63,230)
-
#0f46f4
#0f46f4
rgb(15,70,244)
-
#2254f5
#2254f5
rgb(34,84,245)
-
#3563f6
#3563f6
rgb(53,99,246)
-
#4872f7
#4872f7
rgb(72,114,247)
-
#5b80f8
#5b80f8
rgb(91,128,248)
-
#6d8ff9
#6d8ff9
rgb(109,143,249)
-
#809df9
#809df9
rgb(128,157,249)
-
#93acfa
#93acfa
rgb(147,172,250)
-
#a6bafb
#a6bafb
rgb(166,186,251)
-
#b8c9fc
#b8c9fc
rgb(184,201,252)
-
#cbd7fd
#cbd7fd
rgb(203,215,253)
-
#dee6fe
#dee6fe
rgb(222,230,254)
-
#f1f4fe
#f1f4fe
rgb(241,244,254)
Tones of #3563f6
A tone is produced by adding gray to any pure hue. In this case, #8e929d is the less saturated color, while #2d5ffe is the most saturated one.
-
#8e929d
#8e929d
rgb(142,146,157)
-
#868da5
#868da5
rgb(134,141,165)
-
#7e89ad
#7e89ad
rgb(126,137,173)
-
#7685b5
#7685b5
rgb(118,133,181)
-
#6e81bd
#6e81bd
rgb(110,129,189)
-
#667cc5
#667cc5
rgb(102,124,197)
-
#5e78cd
#5e78cd
rgb(94,120,205)
-
#5574d6
#5574d6
rgb(85,116,214)
-
#4d70de
#4d70de
rgb(77,112,222)
-
#456be6
#456be6
rgb(69,107,230)
-
#3d67ee
#3d67ee
rgb(61,103,238)
-
#3563f6
#3563f6
rgb(53,99,246)
-
#2d5ffe
#2d5ffe
rgb(45,95,254)
Color Blindness Simulator
Below, you can see how #3563f6 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.