#3548ff Color Information
In a RGB color space, hex #3548ff is composed of 20.8% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 234.4 degrees, a saturation of 100% and a lightness of 60.4%. #3548ff color hex could be obtained by blending #6a90ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 21
- G 28
- B 100
-
- C 79
- M 72
- Y 0
- K 0
● #3548ff color description : Light blue.
#3548ff Color Conversion
The hexadecimal color #3548ff has RGB values of R:53, G:72, B:255 and CMYK values of C:0.79, M:0.72, Y:0, K:0. Its decimal value is 3492095.
Hex triplet | 3548ff | #3548ff |
---|---|---|
RGB Decimal | 53, 72, 255 | rgb(53,72,255) |
RGB Percent | 20.8, 28.2, 100 | rgb(20.8%,28.2%,100%) |
CMYK | 79, 72, 0, 0 | |
HSL | 234.4°, 100, 60.4 | hsl(234.4,100%,60.4%) |
HSV (or HSB) | 234.4°, 79.2, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.17, 55.479, -91.41 |
---|---|
XYZ | 21.832, 12.61, 95.886 |
xyY | 0.168, 0.097, 12.61 |
CIE-LCH | 42.17, 106.929, 301.255 |
CIE-LUV | 42.17, -12.449, -131.973 |
Hunter-Lab | 35.511, 47.598, -135.237 |
Binary | 00110101, 01001000, 11111111 |
Color Schemes with #3548ff
Alternatives to #3548ff
Below, you can see some colors close to #3548ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3548ff Preview
This text has a font color of #3548ff.
<span style="color:#3548ff;">Text here</span>
This paragraph has a background color of #3548ff.
<p style="background-color:#3548ff;">Content here</p>
This element has a border color of #3548ff.
<div style="border:1px solid #3548ff;">Content here</div>
.text {color:#3548ff;}
.background {background-color:#3548ff;}
.border {border:1px solid #3548ff;}
Shades and Tints of #3548ff
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, #00010e is the darkest color, while #f9faff is the lightest one.
-
#00010e
#00010e
rgb(0,1,14)
-
#000321
#000321
rgb(0,3,33)
-
#000535
#000535
rgb(0,5,53)
-
#000749
#000749
rgb(0,7,73)
-
#00095c
#00095c
rgb(0,9,92)
-
#000b70
#000b70
rgb(0,11,112)
-
#000c83
#000c83
rgb(0,12,131)
-
#000e97
#000e97
rgb(0,14,151)
-
#0010ab
#0010ab
rgb(0,16,171)
-
#0012be
#0012be
rgb(0,18,190)
-
#0014d2
#0014d2
rgb(0,20,210)
-
#0016e6
#0016e6
rgb(0,22,230)
-
#0017f9
#0017f9
rgb(0,23,249)
-
#0e24ff
#0e24ff
rgb(14,36,255)
-
#2136ff
#2136ff
rgb(33,54,255)
-
#3548ff
#3548ff
rgb(53,72,255)
-
#495aff
#495aff
rgb(73,90,255)
-
#5c6cff
#5c6cff
rgb(92,108,255)
-
#707dff
#707dff
rgb(112,125,255)
-
#838fff
#838fff
rgb(131,143,255)
-
#97a1ff
#97a1ff
rgb(151,161,255)
-
#abb3ff
#abb3ff
rgb(171,179,255)
-
#bec4ff
#bec4ff
rgb(190,196,255)
-
#d2d6ff
#d2d6ff
rgb(210,214,255)
-
#e6e8ff
#e6e8ff
rgb(230,232,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #3548ff
A tone is produced by adding gray to any pure hue. In this case, #9294a2 is the less saturated color, while #3548ff is the most saturated one.
-
#9294a2
#9294a2
rgb(146,148,162)
-
#8a8daa
#8a8daa
rgb(138,141,170)
-
#8387b1
#8387b1
rgb(131,135,177)
-
#7b81b9
#7b81b9
rgb(123,129,185)
-
#737ac1
#737ac1
rgb(115,122,193)
-
#6b74c9
#6b74c9
rgb(107,116,201)
-
#646ed0
#646ed0
rgb(100,110,208)
-
#5c68d8
#5c68d8
rgb(92,104,216)
-
#5461e0
#5461e0
rgb(84,97,224)
-
#4c5be8
#4c5be8
rgb(76,91,232)
-
#4555ef
#4555ef
rgb(69,85,239)
-
#3d4ef7
#3d4ef7
rgb(61,78,247)
-
#3548ff
#3548ff
rgb(53,72,255)
Color Blindness Simulator
Below, you can see how #3548ff 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.