HEX #5578CC color — Indigo
The color #5578CC is a dark shade and moderately saturated.
Palette
5578CC color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(222,54%,97%) |
#e0e6f6 |
rgb(224,230,246) |
hsl(222,54%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(222,54%,87%) |
#b8c7ea |
rgb(184,199,234) |
hsl(222,54%,82%) |
#a5b8e4 |
rgb(165,184,228) |
hsl(222,54%,77%) |
#91a8de |
rgb(145,168,222) |
hsl(222,54%,72%) |
#7d99d8 |
rgb(125,153,216) |
hsl(222,54%,67%) |
#6a89d2 |
rgb(106,137,210) |
hsl(222,54%,62%) |
#567acd |
rgb(86,122,205) |
hsl(222,54%,57%) |
#436ac7 |
rgb(67,106,199) |
hsl(222,54%,52%) |
#375eb9 |
rgb(55,94,185) |
hsl(222,54%,47%) |
#3154a5 |
rgb(49,84,165) |
hsl(222,54%,42%) |
#2b4a91 |
rgb(43,74,145) |
hsl(222,54%,37%) |
#26407e |
rgb(38,64,126) |
hsl(222,54%,32%) |
#20366a |
rgb(32,54,106) |
hsl(222,54%,27%) |
#1a2c56 |
rgb(26,44,86) |
hsl(222,54%,22%) |
#142243 |
rgb(20,34,67) |
hsl(222,54%,17%) |
#0e182f |
rgb(14,24,47) |
hsl(222,54%,12%) |
#080e1b |
rgb(8,14,27) |
hsl(222,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C7CC |
rgb(85,199,204) |
hsl(183,54%,57%) |
#5578CC |
rgb(85,120,204) |
hsl(222,54%,57%) |
#8154CC |
rgb(129,84,204) |
hsl(263,54%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0E1 |
rgb(156,176,225) |
hsl(223,53%,75%) |
#7894D6 |
rgb(120,148,214) |
hsl(222,53%,65%) |
#5578CC |
rgb(85,120,204) |
hsl(222,54%,57%) |
#385EBA |
rgb(56,94,186) |
hsl(222,54%,47%) |
#2D4D97 |
rgb(45,77,151) |
hsl(222,54%,38%) |
#223B73 |
rgb(34,59,115) |
hsl(221,54%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578CC |
rgb(85,120,204) |
hsl(222,54%,57%) |
#CC6E55 |
rgb(204,110,85) |
hsl(13,54%,57%) |
#B3CC55 |
rgb(179,204,85) |
hsl(73,54%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578CC |
rgb(85,120,204) |
hsl(222,54%,57%) |
#CCA855 |
rgb(204,168,85) |
hsl(42,54%,57%) |
#55B3CC |
rgb(85,179,204) |
hsl(193,54%,57%) |
#B3CC55 |
rgb(179,204,85) |
hsl(73,54%,57%) |