#3554ff Color Information
In a RGB color space, hex #3554ff is composed of 20.8% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 230.8 degrees, a saturation of 100% and a lightness of 60.4%. #3554ff color hex could be obtained by blending #6aa8ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 21
- G 33
- B 100
-
- C 79
- M 67
- Y 0
- K 0
● #3554ff color description : Light blue.
#3554ff Color Conversion
The hexadecimal color #3554ff has RGB values of R:53, G:84, B:255 and CMYK values of C:0.79, M:0.67, Y:0, K:0. Its decimal value is 3495167.
Hex triplet | 3554ff | #3554ff |
---|---|---|
RGB Decimal | 53, 84, 255 | rgb(53,84,255) |
RGB Percent | 20.8, 32.9, 100 | rgb(20.8%,32.9%,100%) |
CMYK | 79, 67, 0, 0 | |
HSL | 230.8°, 100, 60.4 | hsl(230.8,100%,60.4%) |
HSV (or HSB) | 230.8°, 79.2, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.683, 48.585, -87.267 |
---|---|
XYZ | 22.685, 14.316, 96.17 |
xyY | 0.17, 0.108, 14.316 |
CIE-LCH | 44.683, 99.88, 299.107 |
CIE-LUV | 44.683, -14.702, -129.742 |
Hunter-Lab | 37.836, 40.806, -124.214 |
Binary | 00110101, 01010100, 11111111 |
Color Schemes with #3554ff
Alternatives to #3554ff
Below, you can see some colors close to #3554ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3554ff Preview
This text has a font color of #3554ff.
<span style="color:#3554ff;">Text here</span>
This paragraph has a background color of #3554ff.
<p style="background-color:#3554ff;">Content here</p>
This element has a border color of #3554ff.
<div style="border:1px solid #3554ff;">Content here</div>
.text {color:#3554ff;}
.background {background-color:#3554ff;}
.border {border:1px solid #3554ff;}
Shades and Tints of #3554ff
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, #00020e is the darkest color, while #f9faff is the lightest one.
-
#00020e
#00020e
rgb(0,2,14)
-
#000521
#000521
rgb(0,5,33)
-
#000835
#000835
rgb(0,8,53)
-
#000b49
#000b49
rgb(0,11,73)
-
#000e5c
#000e5c
rgb(0,14,92)
-
#001170
#001170
rgb(0,17,112)
-
#001483
#001483
rgb(0,20,131)
-
#001797
#001797
rgb(0,23,151)
-
#001aab
#001aab
rgb(0,26,171)
-
#001dbe
#001dbe
rgb(0,29,190)
-
#0020d2
#0020d2
rgb(0,32,210)
-
#0023e6
#0023e6
rgb(0,35,230)
-
#0026f9
#0026f9
rgb(0,38,249)
-
#0e33ff
#0e33ff
rgb(14,51,255)
-
#2143ff
#2143ff
rgb(33,67,255)
-
#3554ff
#3554ff
rgb(53,84,255)
-
#4965ff
#4965ff
rgb(73,101,255)
-
#5c75ff
#5c75ff
rgb(92,117,255)
-
#7086ff
#7086ff
rgb(112,134,255)
-
#8396ff
#8396ff
rgb(131,150,255)
-
#97a7ff
#97a7ff
rgb(151,167,255)
-
#abb8ff
#abb8ff
rgb(171,184,255)
-
#bec8ff
#bec8ff
rgb(190,200,255)
-
#d2d9ff
#d2d9ff
rgb(210,217,255)
-
#e6e9ff
#e6e9ff
rgb(230,233,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #3554ff
A tone is produced by adding gray to any pure hue. In this case, #9295a2 is the less saturated color, while #3554ff is the most saturated one.
-
#9295a2
#9295a2
rgb(146,149,162)
-
#8a8faa
#8a8faa
rgb(138,143,170)
-
#838ab1
#838ab1
rgb(131,138,177)
-
#7b84b9
#7b84b9
rgb(123,132,185)
-
#737fc1
#737fc1
rgb(115,127,193)
-
#6b7ac9
#6b7ac9
rgb(107,122,201)
-
#6474d0
#6474d0
rgb(100,116,208)
-
#5c6fd8
#5c6fd8
rgb(92,111,216)
-
#546ae0
#546ae0
rgb(84,106,224)
-
#4c64e8
#4c64e8
rgb(76,100,232)
-
#455fef
#455fef
rgb(69,95,239)
-
#3d59f7
#3d59f7
rgb(61,89,247)
-
#3554ff
#3554ff
rgb(53,84,255)
Color Blindness Simulator
Below, you can see how #3554ff 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.