HEX #558FF0 color — Cornflower Blue
The color #558FF0 is a light shade and moderately saturated.
Palette
558FF0 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(218,84%,99%) |
#e3ecfd |
rgb(227,236,253) |
hsl(218,84%,94%) |
#cbddfb |
rgb(203,221,251) |
hsl(218,84%,89%) |
#b4cdf8 |
rgb(180,205,248) |
hsl(218,84%,84%) |
#9cbdf6 |
rgb(156,189,246) |
hsl(218,84%,79%) |
#85aef4 |
rgb(133,174,244) |
hsl(218,84%,74%) |
#6e9ef2 |
rgb(110,158,242) |
hsl(218,84%,69%) |
#568ff0 |
rgb(86,143,240) |
hsl(218,84%,64%) |
#3f7fee |
rgb(63,127,238) |
hsl(218,84%,59%) |
#276fec |
rgb(39,111,236) |
hsl(218,84%,54%) |
#1461e6 |
rgb(20,97,230) |
hsl(218,84%,49%) |
#1257ce |
rgb(18,87,206) |
hsl(218,84%,44%) |
#104db7 |
rgb(16,77,183) |
hsl(218,84%,39%) |
#0e43a0 |
rgb(14,67,160) |
hsl(218,84%,34%) |
#0c3988 |
rgb(12,57,136) |
hsl(218,84%,29%) |
#0a2f71 |
rgb(10,47,113) |
hsl(218,84%,24%) |
#082659 |
rgb(8,38,89) |
hsl(218,84%,19%) |
#061c42 |
rgb(6,28,66) |
hsl(218,84%,14%) |
#04122a |
rgb(4,18,42) |
hsl(218,84%,9%) |
#020813 |
rgb(2,8,19) |
hsl(218,84%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55F0E9 |
rgb(85,240,233) |
hsl(177,84%,64%) |
#558FF0 |
rgb(85,143,240) |
hsl(218,84%,64%) |
#8254F0 |
rgb(130,84,240) |
hsl(258,84%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E4EDFC |
rgb(228,237,252) |
hsl(218,80%,94%) |
#B4CFF8 |
rgb(180,207,248) |
hsl(216,83%,84%) |
#84ADF4 |
rgb(132,173,244) |
hsl(218,84%,74%) |
#558FF0 |
rgb(85,143,240) |
hsl(218,84%,64%) |
#2570EB |
rgb(37,112,235) |
hsl(217,83%,53%) |
#1157CB |
rgb(17,87,203) |
hsl(217,85%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#558FF0 |
rgb(85,143,240) |
hsl(218,84%,64%) |
#F06955 |
rgb(240,105,85) |
hsl(8,84%,64%) |
#DCF055 |
rgb(220,240,85) |
hsl(68,84%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558FF0 |
rgb(85,143,240) |
hsl(218,84%,64%) |
#F0B555 |
rgb(240,181,85) |
hsl(37,84%,64%) |
#55DBF0 |
rgb(85,219,240) |
hsl(188,84%,64%) |
#DCF055 |
rgb(220,240,85) |
hsl(68,84%,64%) |