#5560ee Color Information
In a RGB color space, hex #5560ee is composed of 33.3% red, 37.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 59.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 235.7 degrees, a saturation of 81.8% and a lightness of 63.3%. #5560ee color hex could be obtained by blending #aac0ff with #0000dd. Closest websafe color is: #6666ff.
-
- R 33
- G 38
- B 93
-
- C 64
- M 60
- Y 0
- K 7
● #5560ee color description : Soft blue.
#5560ee Color Conversion
The hexadecimal color #5560ee has RGB values of R:85, G:96, B:238 and CMYK values of C:0.64, M:0.6, Y:0, K:0.07. Its decimal value is 5595374.
| Hex triplet | 5560ee | #5560ee |
|---|---|---|
| RGB Decimal | 85, 96, 238 | rgb(85,96,238) |
| RGB Percent | 33.3, 37.6, 93.3 | rgb(33.3%,37.6%,93.3%) |
| CMYK | 64, 60, 0, 7 | |
| HSL | 235.7°, 81.8, 63.3 | hsl(235.7,81.8%,63.3%) |
| HSV (or HSB) | 235.7°, 64.3, 93.3 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 47.584, 39.121, -72.949 |
|---|---|
| XYZ | 23.359, 16.469, 82.832 |
| xyY | 0.19, 0.134, 16.469 |
| CIE-LCH | 47.584, 82.777, 298.204 |
| CIE-LUV | 47.584, -10.994, -113.008 |
| Hunter-Lab | 40.582, 31.725, -92.61 |
| Binary | 01010101, 01100000, 11101110 |
Color Schemes with #5560ee
Alternatives to #5560ee
Below, you can see some colors close to #5560ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5560ee Preview
This text has a font color of #5560ee.
<span style="color:#5560ee;">Text here</span>
This paragraph has a background color of #5560ee.
<p style="background-color:#5560ee;">Content here</p>
This element has a border color of #5560ee.
<div style="border:1px solid #5560ee;">Content here</div>
.text {color:#5560ee;}
.background {background-color:#5560ee;}
.border {border:1px solid #5560ee;}
Shades and Tints of #5560ee
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, #010108 is the darkest color, while #f5f6fe is the lightest one.
-
#010108
#010108rgb(1,1,8) -
#03041a
#03041argb(3,4,26) -
#04072c
#04072crgb(4,7,44) -
#060a3e
#060a3ergb(6,10,62) -
#080d50
#080d50rgb(8,13,80) -
#0a1061
#0a1061rgb(10,16,97) -
#0c1373
#0c1373rgb(12,19,115) -
#0d1685
#0d1685rgb(13,22,133) -
#0f1997
#0f1997rgb(15,25,151) -
#111ca9
#111ca9rgb(17,28,169) -
#131fbb
#131fbbrgb(19,31,187) -
#1422cc
#1422ccrgb(20,34,204) -
#1625de
#1625dergb(22,37,222)
-
#202ee9
#202ee9rgb(32,46,233) -
#313fea
#313feargb(49,63,234) -
#434fec
#434fecrgb(67,79,236) -
#5560ee
#5560eergb(85,96,238) -
#6771f0
#6771f0rgb(103,113,240) -
#7981f2
#7981f2rgb(121,129,242) -
#8a92f3
#8a92f3rgb(138,146,243) -
#9ca3f5
#9ca3f5rgb(156,163,245) -
#aeb3f7
#aeb3f7rgb(174,179,247) -
#c0c4f9
#c0c4f9rgb(192,196,249) -
#d2d5fa
#d2d5fargb(210,213,250) -
#e4e5fc
#e4e5fcrgb(228,229,252) -
#f5f6fe
#f5f6fergb(245,246,254)
Tones of #5560ee
A tone is produced by adding gray to any pure hue. In this case, #9d9ea6 is the less saturated color, while #4754fc is the most saturated one.
-
#9d9ea6
#9d9ea6rgb(157,158,166) -
#9697ad
#9697adrgb(150,151,173) -
#8f91b4
#8f91b4rgb(143,145,180) -
#878bbc
#878bbcrgb(135,139,188) -
#8085c3
#8085c3rgb(128,133,195) -
#797fca
#797fcargb(121,127,202) -
#7279d1
#7279d1rgb(114,121,209) -
#6b72d8
#6b72d8rgb(107,114,216) -
#636ce0
#636ce0rgb(99,108,224) -
#5c66e7
#5c66e7rgb(92,102,231) -
#5560ee
#5560eergb(85,96,238) -
#4e5af5
#4e5af5rgb(78,90,245) -
#4754fc
#4754fcrgb(71,84,252)
Color Blindness Simulator
Below, you can see how #5560ee 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.
