#5560e3 Color Information
In a RGB color space, hex #5560e3 is composed of 33.3% red, 37.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 57.7% magenta, 0% yellow and 11% black. It has a hue angle of 235.4 degrees, a saturation of 71.7% and a lightness of 61.2%. #5560e3 color hex could be obtained by blending #aac0ff with #0000c7. Closest websafe color is: #6666cc.
-
- R 33
- G 38
- B 89
-
- C 63
- M 58
- Y 0
- K 11
● #5560e3 color description : Soft blue.
#5560e3 Color Conversion
The hexadecimal color #5560e3 has RGB values of R:85, G:96, B:227 and CMYK values of C:0.63, M:0.58, Y:0, K:0.11. Its decimal value is 5595363.
| Hex triplet | 5560e3 | #5560e3 |
|---|---|---|
| RGB Decimal | 85, 96, 227 | rgb(85,96,227) |
| RGB Percent | 33.3, 37.6, 89 | rgb(33.3%,37.6%,89%) |
| CMYK | 63, 58, 0, 11 | |
| HSL | 235.4°, 71.7, 61.2 | hsl(235.4,71.7%,61.2%) |
| HSV (or HSB) | 235.4°, 62.6, 89 | |
| Web Safe | 6666cc | #6666cc |
| CIE-LAB | 46.767, 35.477, -68.08 |
|---|---|
| XYZ | 21.792, 15.842, 74.578 |
| xyY | 0.194, 0.141, 15.842 |
| CIE-LCH | 46.767, 76.769, 297.524 |
| CIE-LUV | 46.767, -10.597, -105.323 |
| Hunter-Lab | 39.802, 28.075, -83.232 |
| Binary | 01010101, 01100000, 11100011 |
Color Schemes with #5560e3
Alternatives to #5560e3
Below, you can see some colors close to #5560e3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5560e3 Preview
This text has a font color of #5560e3.
<span style="color:#5560e3;">Text here</span>
This paragraph has a background color of #5560e3.
<p style="background-color:#5560e3;">Content here</p>
This element has a border color of #5560e3.
<div style="border:1px solid #5560e3;">Content here</div>
.text {color:#5560e3;}
.background {background-color:#5560e3;}
.border {border:1px solid #5560e3;}
Shades and Tints of #5560e3
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, #03040f is the darkest color, while #fdfeff is the lightest one.
-
#03040f
#03040frgb(3,4,15) -
#050720
#050720rgb(5,7,32) -
#080b31
#080b31rgb(8,11,49) -
#0b0f42
#0b0f42rgb(11,15,66) -
#0e1353
#0e1353rgb(14,19,83) -
#101763
#101763rgb(16,23,99) -
#131b74
#131b74rgb(19,27,116) -
#161f85
#161f85rgb(22,31,133) -
#192296
#192296rgb(25,34,150) -
#1b26a7
#1b26a7rgb(27,38,167) -
#1e2ab8
#1e2ab8rgb(30,42,184) -
#212ec9
#212ec9rgb(33,46,201) -
#2432d9
#2432d9rgb(36,50,217)
-
#3340dd
#3340ddrgb(51,64,221) -
#4450e0
#4450e0rgb(68,80,224) -
#5560e3
#5560e3rgb(85,96,227) -
#6670e6
#6670e6rgb(102,112,230) -
#7780e9
#7780e9rgb(119,128,233) -
#888feb
#888febrgb(136,143,235) -
#989fee
#989feergb(152,159,238) -
#a9aff1
#a9aff1rgb(169,175,241) -
#babff4
#babff4rgb(186,191,244) -
#cbcef6
#cbcef6rgb(203,206,246) -
#dcdef9
#dcdef9rgb(220,222,249) -
#edeefc
#edeefcrgb(237,238,252) -
#fdfeff
#fdfeffrgb(253,254,255)
Tones of #5560e3
A tone is produced by adding gray to any pure hue. In this case, #9a9a9e is the less saturated color, while #3e4dfa is the most saturated one.
-
#9a9a9e
#9a9a9ergb(154,154,158) -
#9293a6
#9293a6rgb(146,147,166) -
#8a8dae
#8a8daergb(138,141,174) -
#8387b5
#8387b5rgb(131,135,181) -
#7b80bd
#7b80bdrgb(123,128,189) -
#737ac5
#737ac5rgb(115,122,197) -
#6c73cc
#6c73ccrgb(108,115,204) -
#646dd4
#646dd4rgb(100,109,212) -
#5d66db
#5d66dbrgb(93,102,219) -
#5560e3
#5560e3rgb(85,96,227) -
#4d5aeb
#4d5aebrgb(77,90,235) -
#4653f2
#4653f2rgb(70,83,242) -
#3e4dfa
#3e4dfargb(62,77,250)
Color Blindness Simulator
Below, you can see how #5560e3 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.
