#4554ff Color Information
In a RGB color space, hex #4554ff is composed of 27.1% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 235.2 degrees, a saturation of 100% and a lightness of 63.5%. #4554ff color hex could be obtained by blending #8aa8ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 27
- G 33
- B 100
-
- C 73
- M 67
- Y 0
- K 0
● #4554ff color description : Light blue.
#4554ff Color Conversion
The hexadecimal color #4554ff has RGB values of R:69, G:84, B:255 and CMYK values of C:0.73, M:0.67, Y:0, K:0. Its decimal value is 4543743.
Hex triplet | 4554ff | #4554ff |
---|---|---|
RGB Decimal | 69, 84, 255 | rgb(69,84,255) |
RGB Percent | 27.1, 32.9, 100 | rgb(27.1%,32.9%,100%) |
CMYK | 73, 67, 0, 0 | |
HSL | 235.2°, 100, 63.5 | hsl(235.2,100%,63.5%) |
HSV (or HSB) | 235.2°, 72.9, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.393, 49.955, -86.073 |
---|---|
XYZ | 23.671, 14.824, 96.216 |
xyY | 0.176, 0.11, 14.824 |
CIE-LCH | 45.393, 99.519, 300.13 |
CIE-LUV | 45.393, -12.249, -129.119 |
Hunter-Lab | 38.502, 42.361, -121.212 |
Binary | 01000101, 01010100, 11111111 |
Color Schemes with #4554ff
Alternatives to #4554ff
Below, you can see some colors close to #4554ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4554ff Preview
This text has a font color of #4554ff.
<span style="color:#4554ff;">Text here</span>
This paragraph has a background color of #4554ff.
<p style="background-color:#4554ff;">Content here</p>
This element has a border color of #4554ff.
<div style="border:1px solid #4554ff;">Content here</div>
.text {color:#4554ff;}
.background {background-color:#4554ff;}
.border {border:1px solid #4554ff;}
Shades and Tints of #4554ff
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, #00010a is the darkest color, while #f6f6ff is the lightest one.
-
#00010a
#00010a
rgb(0,1,10)
-
#00021e
#00021e
rgb(0,2,30)
-
#000431
#000431
rgb(0,4,49)
-
#000645
#000645
rgb(0,6,69)
-
#000759
#000759
rgb(0,7,89)
-
#00096c
#00096c
rgb(0,9,108)
-
#000a80
#000a80
rgb(0,10,128)
-
#000c93
#000c93
rgb(0,12,147)
-
#000da7
#000da7
rgb(0,13,167)
-
#000fbb
#000fbb
rgb(0,15,187)
-
#0011ce
#0011ce
rgb(0,17,206)
-
#0012e2
#0012e2
rgb(0,18,226)
-
#0014f6
#0014f6
rgb(0,20,246)
-
#0a1eff
#0a1eff
rgb(10,30,255)
-
#1e30ff
#1e30ff
rgb(30,48,255)
-
#3142ff
#3142ff
rgb(49,66,255)
-
#4554ff
#4554ff
rgb(69,84,255)
-
#5966ff
#5966ff
rgb(89,102,255)
-
#6c78ff
#6c78ff
rgb(108,120,255)
-
#808aff
#808aff
rgb(128,138,255)
-
#939cff
#939cff
rgb(147,156,255)
-
#a7aeff
#a7aeff
rgb(167,174,255)
-
#bbc0ff
#bbc0ff
rgb(187,192,255)
-
#ced2ff
#ced2ff
rgb(206,210,255)
-
#e2e4ff
#e2e4ff
rgb(226,228,255)
-
#f6f6ff
#f6f6ff
rgb(246,246,255)
Tones of #4554ff
A tone is produced by adding gray to any pure hue. In this case, #9b9ca9 is the less saturated color, while #4554ff is the most saturated one.
-
#9b9ca9
#9b9ca9
rgb(155,156,169)
-
#9496b0
#9496b0
rgb(148,150,176)
-
#8d90b7
#8d90b7
rgb(141,144,183)
-
#858abf
#858abf
rgb(133,138,191)
-
#7e84c6
#7e84c6
rgb(126,132,198)
-
#777ecd
#777ecd
rgb(119,126,205)
-
#7078d4
#7078d4
rgb(112,120,212)
-
#6972db
#6972db
rgb(105,114,219)
-
#626ce2
#626ce2
rgb(98,108,226)
-
#5a66ea
#5a66ea
rgb(90,102,234)
-
#5360f1
#5360f1
rgb(83,96,241)
-
#4c5af8
#4c5af8
rgb(76,90,248)
-
#4554ff
#4554ff
rgb(69,84,255)
Color Blindness Simulator
Below, you can see how #4554ff 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.