#5660ff Color Information
In a RGB color space, hex #5660ff is composed of 33.7% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 236.4 degrees, a saturation of 100% and a lightness of 66.9%. #5660ff color hex could be obtained by blending #acc0ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 34
- G 38
- B 100
-
- C 66
- M 62
- Y 0
- K 0
● #5660ff color description : Light blue.
#5660ff Color Conversion
The hexadecimal color #5660ff has RGB values of R:86, G:96, B:255 and CMYK values of C:0.66, M:0.62, Y:0, K:0. Its decimal value is 5660927.
Hex triplet | 5660ff | #5660ff |
---|---|---|
RGB Decimal | 86, 96, 255 | rgb(86,96,255) |
RGB Percent | 33.7, 37.6, 100 | rgb(33.7%,37.6%,100%) |
CMYK | 66, 62, 0, 0 | |
HSL | 236.4°, 100, 66.9 | hsl(236.4,100%,66.9%) |
HSV (or HSB) | 236.4°, 66.3, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 48.961, 44.847, -80.187 |
---|---|
XYZ | 26.067, 17.563, 96.619 |
xyY | 0.186, 0.125, 17.563 |
CIE-LCH | 48.961, 91.876, 299.218 |
CIE-LUV | 48.961, -11.374, -124.443 |
Hunter-Lab | 41.908, 37.689, -107.357 |
Binary | 01010110, 01100000, 11111111 |
Color Schemes with #5660ff
Alternatives to #5660ff
Below, you can see some colors close to #5660ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5660ff Preview
This text has a font color of #5660ff.
<span style="color:#5660ff;">Text here</span>
This paragraph has a background color of #5660ff.
<p style="background-color:#5660ff;">Content here</p>
This element has a border color of #5660ff.
<div style="border:1px solid #5660ff;">Content here</div>
.text {color:#5660ff;}
.background {background-color:#5660ff;}
.border {border:1px solid #5660ff;}
Shades and Tints of #5660ff
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, #000008 is the darkest color, while #f3f4ff is the lightest one.
-
#000008
#000008
rgb(0,0,8)
-
#00021b
#00021b
rgb(0,2,27)
-
#00032f
#00032f
rgb(0,3,47)
-
#000442
#000442
rgb(0,4,66)
-
#000556
#000556
rgb(0,5,86)
-
#00066a
#00066a
rgb(0,6,106)
-
#00077d
#00077d
rgb(0,7,125)
-
#000991
#000991
rgb(0,9,145)
-
#000aa4
#000aa4
rgb(0,10,164)
-
#000bb8
#000bb8
rgb(0,11,184)
-
#000ccc
#000ccc
rgb(0,12,204)
-
#000ddf
#000ddf
rgb(0,13,223)
-
#000ef3
#000ef3
rgb(0,14,243)
-
#0816ff
#0816ff
rgb(8,22,255)
-
#1b29ff
#1b29ff
rgb(27,41,255)
-
#2f3bff
#2f3bff
rgb(47,59,255)
-
#424eff
#424eff
rgb(66,78,255)
-
#5660ff
#5660ff
rgb(86,96,255)
-
#6a72ff
#6a72ff
rgb(106,114,255)
-
#7d85ff
#7d85ff
rgb(125,133,255)
-
#9197ff
#9197ff
rgb(145,151,255)
-
#a4aaff
#a4aaff
rgb(164,170,255)
-
#b8bcff
#b8bcff
rgb(184,188,255)
-
#cccfff
#cccfff
rgb(204,207,255)
-
#dfe1ff
#dfe1ff
rgb(223,225,255)
-
#f3f4ff
#f3f4ff
rgb(243,244,255)
Tones of #5660ff
A tone is produced by adding gray to any pure hue. In this case, #a4a5b1 is the less saturated color, while #5660ff is the most saturated one.
-
#a4a5b1
#a4a5b1
rgb(164,165,177)
-
#9e9fb8
#9e9fb8
rgb(158,159,184)
-
#9799be
#9799be
rgb(151,153,190)
-
#9194c5
#9194c5
rgb(145,148,197)
-
#8a8ecb
#8a8ecb
rgb(138,142,203)
-
#8488d2
#8488d2
rgb(132,136,210)
-
#7d82d8
#7d82d8
rgb(125,130,216)
-
#777ddf
#777ddf
rgb(119,125,223)
-
#7077e5
#7077e5
rgb(112,119,229)
-
#6a71ec
#6a71ec
rgb(106,113,236)
-
#636bf2
#636bf2
rgb(99,107,242)
-
#5d66f9
#5d66f9
rgb(93,102,249)
-
#5660ff
#5660ff
rgb(86,96,255)
Color Blindness Simulator
Below, you can see how #5660ff 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.