#5654ff Color Information
In a RGB color space, hex #5654ff is composed of 33.7% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 240.7 degrees, a saturation of 100% and a lightness of 66.5%. #5654ff color hex could be obtained by blending #aca8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 34
- G 33
- B 100
-
- C 66
- M 67
- Y 0
- K 0
● #5654ff color description : Light blue.
#5654ff Color Conversion
The hexadecimal color #5654ff has RGB values of R:86, G:84, B:255 and CMYK values of C:0.66, M:0.67, Y:0, K:0. Its decimal value is 5657855.
Hex triplet | 5654ff | #5654ff |
---|---|---|
RGB Decimal | 86, 84, 255 | rgb(86,84,255) |
RGB Percent | 33.7, 32.9, 100 | rgb(33.7%,32.9%,100%) |
CMYK | 66, 67, 0, 0 | |
HSL | 240.7°, 100, 66.5 | hsl(240.7,100%,66.5%) |
HSV (or HSB) | 240.7°, 67.1, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.362, 51.79, -84.445 |
---|---|
XYZ | 25.055, 15.538, 96.281 |
xyY | 0.183, 0.114, 15.538 |
CIE-LCH | 46.362, 99.061, 301.521 |
CIE-LUV | 46.362, -8.808, -128.178 |
Hunter-Lab | 39.418, 44.475, -117.227 |
Binary | 01010110, 01010100, 11111111 |
Color Schemes with #5654ff
Alternatives to #5654ff
Below, you can see some colors close to #5654ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5654ff Preview
This text has a font color of #5654ff.
<span style="color:#5654ff;">Text here</span>
This paragraph has a background color of #5654ff.
<p style="background-color:#5654ff;">Content here</p>
This element has a border color of #5654ff.
<div style="border:1px solid #5654ff;">Content here</div>
.text {color:#5654ff;}
.background {background-color:#5654ff;}
.border {border:1px solid #5654ff;}
Shades and Tints of #5654ff
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, #000006 is the darkest color, while #f1f1ff is the lightest one.
-
#000006
#000006
rgb(0,0,6)
-
#000019
#000019
rgb(0,0,25)
-
#01002d
#01002d
rgb(1,0,45)
-
#010040
#010040
rgb(1,0,64)
-
#010054
#010054
rgb(1,0,84)
-
#010068
#010068
rgb(1,0,104)
-
#01007b
#01007b
rgb(1,0,123)
-
#02008f
#02008f
rgb(2,0,143)
-
#0200a2
#0200a2
rgb(2,0,162)
-
#0200b6
#0200b6
rgb(2,0,182)
-
#0200ca
#0200ca
rgb(2,0,202)
-
#0300dd
#0300dd
rgb(3,0,221)
-
#0300f1
#0300f1
rgb(3,0,241)
-
#0806ff
#0806ff
rgb(8,6,255)
-
#1c19ff
#1c19ff
rgb(28,25,255)
-
#2f2dff
#2f2dff
rgb(47,45,255)
-
#4340ff
#4340ff
rgb(67,64,255)
-
#5654ff
#5654ff
rgb(86,84,255)
-
#6968ff
#6968ff
rgb(105,104,255)
-
#7d7bff
#7d7bff
rgb(125,123,255)
-
#908fff
#908fff
rgb(144,143,255)
-
#a4a2ff
#a4a2ff
rgb(164,162,255)
-
#b7b6ff
#b7b6ff
rgb(183,182,255)
-
#cacaff
#cacaff
rgb(202,202,255)
-
#deddff
#deddff
rgb(222,221,255)
-
#f1f1ff
#f1f1ff
rgb(241,241,255)
Tones of #5654ff
A tone is produced by adding gray to any pure hue. In this case, #a3a3b0 is the less saturated color, while #5654ff is the most saturated one.
-
#a3a3b0
#a3a3b0
rgb(163,163,176)
-
#9d9cb7
#9d9cb7
rgb(157,156,183)
-
#9696bd
#9696bd
rgb(150,150,189)
-
#908fc4
#908fc4
rgb(144,143,196)
-
#8989ca
#8989ca
rgb(137,137,202)
-
#8382d1
#8382d1
rgb(131,130,209)
-
#7d7bd8
#7d7bd8
rgb(125,123,216)
-
#7675de
#7675de
rgb(118,117,222)
-
#706ee5
#706ee5
rgb(112,110,229)
-
#6968eb
#6968eb
rgb(105,104,235)
-
#6361f2
#6361f2
rgb(99,97,242)
-
#5c5bf8
#5c5bf8
rgb(92,91,248)
-
#5654ff
#5654ff
rgb(86,84,255)
Color Blindness Simulator
Below, you can see how #5654ff 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.