#3563f1 Color Information
In a RGB color space, hex #3563f1 is composed of 20.8% red, 38.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 58.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 225.3 degrees, a saturation of 87% and a lightness of 57.6%. #3563f1 color hex could be obtained by blending #6ac6ff with #0000e3. Closest websafe color is: #3366ff.
-
- R 21
- G 39
- B 95
-
- C 78
- M 59
- Y 0
- K 5
● #3563f1 color description : Bright blue.
#3563f1 Color Conversion
The hexadecimal color #3563f1 has RGB values of R:53, G:99, B:241 and CMYK values of C:0.78, M:0.59, Y:0, K:0.05. Its decimal value is 3498993.
Hex triplet | 3563f1 | #3563f1 |
---|---|---|
RGB Decimal | 53, 99, 241 | rgb(53,99,241) |
RGB Percent | 20.8, 38.8, 94.5 | rgb(20.8%,38.8%,94.5%) |
CMYK | 78, 59, 0, 5 | |
HSL | 225.3°, 87, 57.6 | hsl(225.3,87%,57.6%) |
HSV (or HSB) | 225.3°, 78, 94.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.014, 34.47, -75.625 |
---|---|
XYZ | 21.804, 16.03, 85.159 |
xyY | 0.177, 0.13, 16.03 |
CIE-LCH | 47.014, 83.111, 294.503 |
CIE-LUV | 47.014, -17.958, -115.928 |
Hunter-Lab | 40.037, 27.144, -98.084 |
Binary | 00110101, 01100011, 11110001 |
Color Schemes with #3563f1
Alternatives to #3563f1
Below, you can see some colors close to #3563f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3563f1 Preview
This text has a font color of #3563f1.
<span style="color:#3563f1;">Text here</span>
This paragraph has a background color of #3563f1.
<p style="background-color:#3563f1;">Content here</p>
This element has a border color of #3563f1.
<div style="border:1px solid #3563f1;">Content here</div>
.text {color:#3563f1;}
.background {background-color:#3563f1;}
.border {border:1px solid #3563f1;}
Shades and Tints of #3563f1
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, #010512 is the darkest color, while #ffffff is the lightest one.
-
#010512
#010512
rgb(1,5,18)
-
#030b24
#030b24
rgb(3,11,36)
-
#041037
#041037
rgb(4,16,55)
-
#051649
#051649
rgb(5,22,73)
-
#061b5c
#061b5c
rgb(6,27,92)
-
#08216e
#08216e
rgb(8,33,110)
-
#092680
#092680
rgb(9,38,128)
-
#0a2c93
#0a2c93
rgb(10,44,147)
-
#0b31a5
#0b31a5
rgb(11,49,165)
-
#0d36b7
#0d36b7
rgb(13,54,183)
-
#0e3cca
#0e3cca
rgb(14,60,202)
-
#0f41dc
#0f41dc
rgb(15,65,220)
-
#1147ee
#1147ee
rgb(17,71,238)
-
#2355f0
#2355f0
rgb(35,85,240)
-
#3563f1
#3563f1
rgb(53,99,241)
-
#4771f2
#4771f2
rgb(71,113,242)
-
#5a7ff4
#5a7ff4
rgb(90,127,244)
-
#6c8ef5
#6c8ef5
rgb(108,142,245)
-
#7e9cf6
#7e9cf6
rgb(126,156,246)
-
#91aaf7
#91aaf7
rgb(145,170,247)
-
#a3b8f9
#a3b8f9
rgb(163,184,249)
-
#b5c6fa
#b5c6fa
rgb(181,198,250)
-
#c8d4fb
#c8d4fb
rgb(200,212,251)
-
#dae3fc
#dae3fc
rgb(218,227,252)
-
#ecf1fe
#ecf1fe
rgb(236,241,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3563f1
A tone is produced by adding gray to any pure hue. In this case, #909296 is the less saturated color, while #2d5ff9 is the most saturated one.
-
#909296
#909296
rgb(144,146,150)
-
#888d9e
#888d9e
rgb(136,141,158)
-
#8089a6
#8089a6
rgb(128,137,166)
-
#7785af
#7785af
rgb(119,133,175)
-
#6f81b7
#6f81b7
rgb(111,129,183)
-
#677cbf
#677cbf
rgb(103,124,191)
-
#5f78c7
#5f78c7
rgb(95,120,199)
-
#5674d0
#5674d0
rgb(86,116,208)
-
#4e70d8
#4e70d8
rgb(78,112,216)
-
#466be0
#466be0
rgb(70,107,224)
-
#3d67e9
#3d67e9
rgb(61,103,233)
-
#3563f1
#3563f1
rgb(53,99,241)
-
#2d5ff9
#2d5ff9
rgb(45,95,249)
Color Blindness Simulator
Below, you can see how #3563f1 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.