HEX #557DCC color — Indigo
The color #557DCC is a dark shade and moderately saturated.
Palette
557DCC color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(220,54%,97%) |
#e0e7f6 |
rgb(224,231,246) |
hsl(220,54%,92%) |
#ccd8f0 |
rgb(204,216,240) |
hsl(220,54%,87%) |
#b8c9ea |
rgb(184,201,234) |
hsl(220,54%,82%) |
#a5bae4 |
rgb(165,186,228) |
hsl(220,54%,77%) |
#91abde |
rgb(145,171,222) |
hsl(220,54%,72%) |
#7d9cd8 |
rgb(125,156,216) |
hsl(220,54%,67%) |
#6a8dd2 |
rgb(106,141,210) |
hsl(220,54%,62%) |
#567ecd |
rgb(86,126,205) |
hsl(220,54%,57%) |
#436fc7 |
rgb(67,111,199) |
hsl(220,54%,52%) |
#3762b9 |
rgb(55,98,185) |
hsl(220,54%,47%) |
#3158a5 |
rgb(49,88,165) |
hsl(220,54%,42%) |
#2b4d91 |
rgb(43,77,145) |
hsl(220,54%,37%) |
#26437e |
rgb(38,67,126) |
hsl(220,54%,32%) |
#20386a |
rgb(32,56,106) |
hsl(220,54%,27%) |
#1a2e56 |
rgb(26,46,86) |
hsl(220,54%,22%) |
#142443 |
rgb(20,36,67) |
hsl(220,54%,17%) |
#0e192f |
rgb(14,25,47) |
hsl(220,54%,12%) |
#080f1b |
rgb(8,15,27) |
hsl(220,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55CCCB |
rgb(85,204,203) |
hsl(179,54%,57%) |
#557DCC |
rgb(85,125,204) |
hsl(220,54%,57%) |
#7C54CC |
rgb(124,84,204) |
hsl(260,54%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB3E1 |
rgb(156,179,225) |
hsl(220,53%,75%) |
#7899D6 |
rgb(120,153,214) |
hsl(219,53%,65%) |
#557DCC |
rgb(85,125,204) |
hsl(220,54%,57%) |
#3863BA |
rgb(56,99,186) |
hsl(220,54%,47%) |
#2D5297 |
rgb(45,82,151) |
hsl(219,54%,38%) |
#223D73 |
rgb(34,61,115) |
hsl(220,54%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DCC |
rgb(85,125,204) |
hsl(220,54%,57%) |
#CC6955 |
rgb(204,105,85) |
hsl(10,54%,57%) |
#B8CC55 |
rgb(184,204,85) |
hsl(70,54%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DCC |
rgb(85,125,204) |
hsl(220,54%,57%) |
#CCA355 |
rgb(204,163,85) |
hsl(39,54%,57%) |
#55B8CC |
rgb(85,184,204) |
hsl(190,54%,57%) |
#B8CC55 |
rgb(184,204,85) |
hsl(70,54%,57%) |