#5345ff Color Information
In a RGB color space, hex #5345ff is composed of 32.5% red, 27.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 72.9% magenta, 0% yellow and 0% black. It has a hue angle of 244.5 degrees, a saturation of 100% and a lightness of 63.5%. #5345ff color hex could be obtained by blending #a68aff with #0000ff. Closest websafe color is: #6633ff.
-
- R 33
- G 27
- B 100
-
- C 67
- M 73
- Y 0
- K 0
● #5345ff color description : Light blue.
#5345ff Color Conversion
The hexadecimal color #5345ff has RGB values of R:83, G:69, B:255 and CMYK values of C:0.67, M:0.73, Y:0, K:0. Its decimal value is 5457407.
Hex triplet | 5345ff | #5345ff |
---|---|---|
RGB Decimal | 83, 69, 255 | rgb(83,69,255) |
RGB Percent | 32.5, 27.1, 100 | rgb(32.5%,27.1%,100%) |
CMYK | 67, 73, 0, 0 | |
HSL | 244.5°, 100, 63.5 | hsl(244.5,100%,63.5%) |
HSV (or HSB) | 244.5°, 72.9, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.233, 59.579, -89.601 |
---|---|
XYZ | 23.742, 13.314, 95.921 |
xyY | 0.179, 0.1, 13.314 |
CIE-LCH | 43.233, 107.601, 303.622 |
CIE-LUV | 43.233, -6.785, -131.481 |
Hunter-Lab | 36.488, 52.29, -130.32 |
Binary | 01010011, 01000101, 11111111 |
Color Schemes with #5345ff
Alternatives to #5345ff
Below, you can see some colors close to #5345ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5345ff Preview
This text has a font color of #5345ff.
<span style="color:#5345ff;">Text here</span>
This paragraph has a background color of #5345ff.
<p style="background-color:#5345ff;">Content here</p>
This element has a border color of #5345ff.
<div style="border:1px solid #5345ff;">Content here</div>
.text {color:#5345ff;}
.background {background-color:#5345ff;}
.border {border:1px solid #5345ff;}
Shades and Tints of #5345ff
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, #01000a is the darkest color, while #f6f6ff is the lightest one.
-
#01000a
#01000a
rgb(1,0,10)
-
#02001e
#02001e
rgb(2,0,30)
-
#040031
#040031
rgb(4,0,49)
-
#050045
#050045
rgb(5,0,69)
-
#070059
#070059
rgb(7,0,89)
-
#08006c
#08006c
rgb(8,0,108)
-
#0a0080
#0a0080
rgb(10,0,128)
-
#0b0093
#0b0093
rgb(11,0,147)
-
#0d00a7
#0d00a7
rgb(13,0,167)
-
#0e00bb
#0e00bb
rgb(14,0,187)
-
#1000ce
#1000ce
rgb(16,0,206)
-
#1100e2
#1100e2
rgb(17,0,226)
-
#1200f6
#1200f6
rgb(18,0,246)
-
#1d0aff
#1d0aff
rgb(29,10,255)
-
#2f1eff
#2f1eff
rgb(47,30,255)
-
#4131ff
#4131ff
rgb(65,49,255)
-
#5345ff
#5345ff
rgb(83,69,255)
-
#6559ff
#6559ff
rgb(101,89,255)
-
#776cff
#776cff
rgb(119,108,255)
-
#8980ff
#8980ff
rgb(137,128,255)
-
#9c93ff
#9c93ff
rgb(156,147,255)
-
#aea7ff
#aea7ff
rgb(174,167,255)
-
#c0bbff
#c0bbff
rgb(192,187,255)
-
#d2ceff
#d2ceff
rgb(210,206,255)
-
#e4e2ff
#e4e2ff
rgb(228,226,255)
-
#f6f6ff
#f6f6ff
rgb(246,246,255)
Tones of #5345ff
A tone is produced by adding gray to any pure hue. In this case, #9c9ba9 is the less saturated color, while #5345ff is the most saturated one.
-
#9c9ba9
#9c9ba9
rgb(156,155,169)
-
#9694b0
#9694b0
rgb(150,148,176)
-
#908db7
#908db7
rgb(144,141,183)
-
#8a85bf
#8a85bf
rgb(138,133,191)
-
#847ec6
#847ec6
rgb(132,126,198)
-
#7e77cd
#7e77cd
rgb(126,119,205)
-
#7770d4
#7770d4
rgb(119,112,212)
-
#7169db
#7169db
rgb(113,105,219)
-
#6b62e2
#6b62e2
rgb(107,98,226)
-
#655aea
#655aea
rgb(101,90,234)
-
#5f53f1
#5f53f1
rgb(95,83,241)
-
#594cf8
#594cf8
rgb(89,76,248)
-
#5345ff
#5345ff
rgb(83,69,255)
Color Blindness Simulator
Below, you can see how #5345ff 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.