#3563d0 Color Information
In a RGB color space, hex #3563d0 is composed of 20.8% red, 38.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 52.4% magenta, 0% yellow and 18.4% black. It has a hue angle of 222.2 degrees, a saturation of 62.2% and a lightness of 51.2%. #3563d0 color hex could be obtained by blending #6ac6ff with #0000a1. Closest websafe color is: #3366cc.
-
- R 21
- G 39
- B 82
-
- C 75
- M 52
- Y 0
- K 18
● #3563d0 color description : Moderate blue.
#3563d0 Color Conversion
The hexadecimal color #3563d0 has RGB values of R:53, G:99, B:208 and CMYK values of C:0.75, M:0.52, Y:0, K:0.18. Its decimal value is 3498960.
Hex triplet | 3563d0 | #3563d0 |
---|---|---|
RGB Decimal | 53, 99, 208 | rgb(53,99,208) |
RGB Percent | 20.8, 38.8, 81.6 | rgb(20.8%,38.8%,81.6%) |
CMYK | 75, 52, 0, 18 | |
HSL | 222.2°, 62.2, 51.2 | hsl(222.2,62.2%,51.2%) |
HSV (or HSB) | 222.2°, 74.5, 81.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.566, 22.371, -60.905 |
---|---|
XYZ | 17.313, 14.233, 61.506 |
xyY | 0.186, 0.153, 14.233 |
CIE-LCH | 44.566, 64.884, 290.168 |
CIE-LUV | 44.566, -18.02, -92.643 |
Hunter-Lab | 37.727, 15.89, -70.25 |
Binary | 00110101, 01100011, 11010000 |
Color Schemes with #3563d0
Alternatives to #3563d0
Below, you can see some colors close to #3563d0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3563d0 Preview
This text has a font color of #3563d0.
<span style="color:#3563d0;">Text here</span>
This paragraph has a background color of #3563d0.
<p style="background-color:#3563d0;">Content here</p>
This element has a border color of #3563d0.
<div style="border:1px solid #3563d0;">Content here</div>
.text {color:#3563d0;}
.background {background-color:#3563d0;}
.border {border:1px solid #3563d0;}
Shades and Tints of #3563d0
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, #010205 is the darkest color, while #f4f6fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#050a15
#050a15
rgb(5,10,21)
-
#091125
#091125
rgb(9,17,37)
-
#0c1835
#0c1835
rgb(12,24,53)
-
#102045
#102045
rgb(16,32,69)
-
#142754
#142754
rgb(20,39,84)
-
#172e64
#172e64
rgb(23,46,100)
-
#1b3674
#1b3674
rgb(27,54,116)
-
#1f3d84
#1f3d84
rgb(31,61,132)
-
#224494
#224494
rgb(34,68,148)
-
#264ca4
#264ca4
rgb(38,76,164)
-
#2a53b4
#2a53b4
rgb(42,83,180)
-
#2e5ac4
#2e5ac4
rgb(46,90,196)
-
#3563d0
#3563d0
rgb(53,99,208)
-
#456fd4
#456fd4
rgb(69,111,212)
-
#557cd7
#557cd7
rgb(85,124,215)
-
#6588db
#6588db
rgb(101,136,219)
-
#7594df
#7594df
rgb(117,148,223)
-
#85a0e3
#85a0e3
rgb(133,160,227)
-
#94ade6
#94ade6
rgb(148,173,230)
-
#a4b9ea
#a4b9ea
rgb(164,185,234)
-
#b4c5ee
#b4c5ee
rgb(180,197,238)
-
#c4d2f1
#c4d2f1
rgb(196,210,241)
-
#d4def5
#d4def5
rgb(212,222,245)
-
#e4eaf9
#e4eaf9
rgb(228,234,249)
-
#f4f6fc
#f4f6fc
rgb(244,246,252)
Tones of #3563d0
A tone is produced by adding gray to any pure hue. In this case, #828283 is the less saturated color, while #0f53f6 is the most saturated one.
-
#828283
#828283
rgb(130,130,131)
-
#787e8d
#787e8d
rgb(120,126,141)
-
#6e7a97
#6e7a97
rgb(110,122,151)
-
#6576a0
#6576a0
rgb(101,118,160)
-
#5b73aa
#5b73aa
rgb(91,115,170)
-
#526fb3
#526fb3
rgb(82,111,179)
-
#486bbd
#486bbd
rgb(72,107,189)
-
#3f67c6
#3f67c6
rgb(63,103,198)
-
#3563d0
#3563d0
rgb(53,99,208)
-
#2b5fda
#2b5fda
rgb(43,95,218)
-
#225be3
#225be3
rgb(34,91,227)
-
#1857ed
#1857ed
rgb(24,87,237)
-
#0f53f6
#0f53f6
rgb(15,83,246)
Color Blindness Simulator
Below, you can see how #3563d0 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.