#3561ff Color Information
In a RGB color space, hex #3561ff is composed of 20.8% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 226.9 degrees, a saturation of 100% and a lightness of 60.4%. #3561ff color hex could be obtained by blending #6ac2ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 21
- G 38
- B 100
-
- C 79
- M 62
- Y 0
- K 0
● #3561ff color description : Light blue.
#3561ff Color Conversion
The hexadecimal color #3561ff has RGB values of R:53, G:97, B:255 and CMYK values of C:0.79, M:0.62, Y:0, K:0. Its decimal value is 3498495.
Hex triplet | 3561ff | #3561ff |
---|---|---|
RGB Decimal | 53, 97, 255 | rgb(53,97,255) |
RGB Percent | 20.8, 38, 100 | rgb(20.8%,38%,100%) |
CMYK | 79, 62, 0, 0 | |
HSL | 226.9°, 100, 60.4 | hsl(226.9,100%,60.4%) |
HSV (or HSB) | 226.9°, 79.2, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.655, 40.725, -82.386 |
---|---|
XYZ | 23.789, 16.525, 96.538 |
xyY | 0.174, 0.121, 16.525 |
CIE-LCH | 47.655, 91.902, 296.304 |
CIE-LUV | 47.655, -17.534, -125.988 |
Hunter-Lab | 40.65, 33.322, -112.349 |
Binary | 00110101, 01100001, 11111111 |
Color Schemes with #3561ff
Alternatives to #3561ff
Below, you can see some colors close to #3561ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3561ff Preview
This text has a font color of #3561ff.
<span style="color:#3561ff;">Text here</span>
This paragraph has a background color of #3561ff.
<p style="background-color:#3561ff;">Content here</p>
This element has a border color of #3561ff.
<div style="border:1px solid #3561ff;">Content here</div>
.text {color:#3561ff;}
.background {background-color:#3561ff;}
.border {border:1px solid #3561ff;}
Shades and Tints of #3561ff
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, #00030e is the darkest color, while #f9faff is the lightest one.
-
#00030e
#00030e
rgb(0,3,14)
-
#000721
#000721
rgb(0,7,33)
-
#000c35
#000c35
rgb(0,12,53)
-
#001049
#001049
rgb(0,16,73)
-
#00145c
#00145c
rgb(0,20,92)
-
#001870
#001870
rgb(0,24,112)
-
#001d83
#001d83
rgb(0,29,131)
-
#002197
#002197
rgb(0,33,151)
-
#0025ab
#0025ab
rgb(0,37,171)
-
#0029be
#0029be
rgb(0,41,190)
-
#002ed2
#002ed2
rgb(0,46,210)
-
#0032e6
#0032e6
rgb(0,50,230)
-
#0036f9
#0036f9
rgb(0,54,249)
-
#0e42ff
#0e42ff
rgb(14,66,255)
-
#2152ff
#2152ff
rgb(33,82,255)
-
#3561ff
#3561ff
rgb(53,97,255)
-
#4970ff
#4970ff
rgb(73,112,255)
-
#5c80ff
#5c80ff
rgb(92,128,255)
-
#708fff
#708fff
rgb(112,143,255)
-
#839eff
#839eff
rgb(131,158,255)
-
#97aeff
#97aeff
rgb(151,174,255)
-
#abbdff
#abbdff
rgb(171,189,255)
-
#beccff
#beccff
rgb(190,204,255)
-
#d2dcff
#d2dcff
rgb(210,220,255)
-
#e6ebff
#e6ebff
rgb(230,235,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #3561ff
A tone is produced by adding gray to any pure hue. In this case, #9296a2 is the less saturated color, while #3561ff is the most saturated one.
-
#9296a2
#9296a2
rgb(146,150,162)
-
#8a91aa
#8a91aa
rgb(138,145,170)
-
#838db1
#838db1
rgb(131,141,177)
-
#7b88b9
#7b88b9
rgb(123,136,185)
-
#7384c1
#7384c1
rgb(115,132,193)
-
#6b80c9
#6b80c9
rgb(107,128,201)
-
#647bd0
#647bd0
rgb(100,123,208)
-
#5c77d8
#5c77d8
rgb(92,119,216)
-
#5473e0
#5473e0
rgb(84,115,224)
-
#4c6ee8
#4c6ee8
rgb(76,110,232)
-
#456aef
#456aef
rgb(69,106,239)
-
#3d65f7
#3d65f7
rgb(61,101,247)
-
#3561ff
#3561ff
rgb(53,97,255)
Color Blindness Simulator
Below, you can see how #3561ff 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.