HEX #557BCE color — Indigo

The color #557bce is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

557bce color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(221,55%,97%)
#dfe6f6 rgb(223,230,246) hsl(221,55%,92%)
#ccd7f0 rgb(204,215,240) hsl(221,55%,87%)
#b8c8ea rgb(184,200,234) hsl(221,55%,82%)
#a4b9e5 rgb(164,185,229) hsl(221,55%,77%)
#90a9df rgb(144,169,223) hsl(221,55%,72%)
#7d9ad9 rgb(125,154,217) hsl(221,55%,67%)
#698bd3 rgb(105,139,211) hsl(221,55%,62%)
#557bce rgb(85,123,206) hsl(221,55%,57%)
#416cc8 rgb(65,108,200) hsl(221,55%,52%)
#3660ba rgb(54,96,186) hsl(221,55%,47%)
#3056a6 rgb(48,86,166) hsl(221,55%,42%)
#2a4b92 rgb(42,75,146) hsl(221,55%,37%)
#25417e rgb(37,65,126) hsl(221,55%,32%)
#1f376b rgb(31,55,107) hsl(221,55%,27%)
#192d57 rgb(25,45,87) hsl(221,55%,22%)
#142343 rgb(20,35,67) hsl(221,55%,17%)
#0e182f rgb(14,24,47) hsl(221,55%,12%)
#080e1c rgb(8,14,28) hsl(221,55%,7%)
#020408 rgb(2,4,8) hsl(221,55%,2%)

Adjacent colors

HEX RGB HSL
#55CCCE rgb(85,204,206) hsl(181,55%,57%)
#557BCE rgb(85,123,206) hsl(221,55%,57%)
#7F54CE rgb(127,84,206) hsl(261,55%,57%)

Monochromatic colors

HEX RGB HSL
#9DB3E2 rgb(157,179,226) hsl(221,54%,75%)
#7996D8 rgb(121,150,216) hsl(222,55%,66%)
#557BCE rgb(85,123,206) hsl(221,55%,57%)
#3661BD rgb(54,97,189) hsl(221,56%,48%)
#2C4F99 rgb(44,79,153) hsl(221,55%,39%)
#213D75 rgb(33,61,117) hsl(220,56%,29%)

Triad color palettes

HEX RGB HSL
#557BCE rgb(85,123,206) hsl(221,55%,57%)
#CE6B55 rgb(206,107,85) hsl(11,55%,57%)
#B7CF55 rgb(183,207,85) hsl(72,56%,57%)

Tetrad color palettes

HEX RGB HSL
#557BCE rgb(85,123,206) hsl(221,55%,57%)
#CEA855 rgb(206,168,85) hsl(41,55%,57%)
#55B8CE rgb(85,184,206) hsl(191,55%,57%)
#B7CF55 rgb(183,207,85) hsl(72,56%,57%)