#5664ff Color Information
In a RGB color space, hex #5664ff is composed of 33.7% red, 39.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 60.8% magenta, 0% yellow and 0% black. It has a hue angle of 235 degrees, a saturation of 100% and a lightness of 66.9%. #5664ff color hex could be obtained by blending #acc8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 34
- G 39
- B 100
-
- C 66
- M 61
- Y 0
- K 0
● #5664ff color description : Light blue.
#5664ff Color Conversion
The hexadecimal color #5664ff has RGB values of R:86, G:100, B:255 and CMYK values of C:0.66, M:0.61, Y:0, K:0. Its decimal value is 5661951.
Hex triplet | 5664ff | #5664ff |
---|---|---|
RGB Decimal | 86, 100, 255 | rgb(86,100,255) |
RGB Percent | 33.7, 39.2, 100 | rgb(33.7%,39.2%,100%) |
CMYK | 66, 61, 0, 0 | |
HSL | 235°, 100, 66.9 | hsl(235,100%,66.9%) |
HSV (or HSB) | 235°, 66.3, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.872, 42.472, -78.701 |
---|---|
XYZ | 26.441, 18.311, 96.743 |
xyY | 0.187, 0.129, 18.311 |
CIE-LCH | 49.872, 89.43, 298.354 |
CIE-LUV | 49.872, -12.308, -122.952 |
Hunter-Lab | 42.792, 35.411, -104.088 |
Binary | 01010110, 01100100, 11111111 |
Color Schemes with #5664ff
Alternatives to #5664ff
Below, you can see some colors close to #5664ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5664ff Preview
This text has a font color of #5664ff.
<span style="color:#5664ff;">Text here</span>
This paragraph has a background color of #5664ff.
<p style="background-color:#5664ff;">Content here</p>
This element has a border color of #5664ff.
<div style="border:1px solid #5664ff;">Content here</div>
.text {color:#5664ff;}
.background {background-color:#5664ff;}
.border {border:1px solid #5664ff;}
Shades and Tints of #5664ff
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, #000108 is the darkest color, while #f3f4ff is the lightest one.
-
#000108
#000108
rgb(0,1,8)
-
#00021b
#00021b
rgb(0,2,27)
-
#00042f
#00042f
rgb(0,4,47)
-
#000542
#000542
rgb(0,5,66)
-
#000756
#000756
rgb(0,7,86)
-
#00096a
#00096a
rgb(0,9,106)
-
#000a7d
#000a7d
rgb(0,10,125)
-
#000c91
#000c91
rgb(0,12,145)
-
#000ea4
#000ea4
rgb(0,14,164)
-
#000fb8
#000fb8
rgb(0,15,184)
-
#0011cc
#0011cc
rgb(0,17,204)
-
#0012df
#0012df
rgb(0,18,223)
-
#0014f3
#0014f3
rgb(0,20,243)
-
#081cff
#081cff
rgb(8,28,255)
-
#1b2eff
#1b2eff
rgb(27,46,255)
-
#2f40ff
#2f40ff
rgb(47,64,255)
-
#4252ff
#4252ff
rgb(66,82,255)
-
#5664ff
#5664ff
rgb(86,100,255)
-
#6a76ff
#6a76ff
rgb(106,118,255)
-
#7d88ff
#7d88ff
rgb(125,136,255)
-
#919aff
#919aff
rgb(145,154,255)
-
#a4acff
#a4acff
rgb(164,172,255)
-
#b8beff
#b8beff
rgb(184,190,255)
-
#ccd0ff
#ccd0ff
rgb(204,208,255)
-
#dfe2ff
#dfe2ff
rgb(223,226,255)
-
#f3f4ff
#f3f4ff
rgb(243,244,255)
Tones of #5664ff
A tone is produced by adding gray to any pure hue. In this case, #a4a5b1 is the less saturated color, while #5664ff is the most saturated one.
-
#a4a5b1
#a4a5b1
rgb(164,165,177)
-
#9ea0b8
#9ea0b8
rgb(158,160,184)
-
#979abe
#979abe
rgb(151,154,190)
-
#9195c5
#9195c5
rgb(145,149,197)
-
#8a8fcb
#8a8fcb
rgb(138,143,203)
-
#848ad2
#848ad2
rgb(132,138,210)
-
#7d85d8
#7d85d8
rgb(125,133,216)
-
#777fdf
#777fdf
rgb(119,127,223)
-
#707ae5
#707ae5
rgb(112,122,229)
-
#6a74ec
#6a74ec
rgb(106,116,236)
-
#636ff2
#636ff2
rgb(99,111,242)
-
#5d69f9
#5d69f9
rgb(93,105,249)
-
#5664ff
#5664ff
rgb(86,100,255)
Color Blindness Simulator
Below, you can see how #5664ff 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.