HEX #557AB2 color — Steel Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

557AB2 color palette from light to dark

HEX RGB HSL
#f4f7fa rgb(244,247,250) hsl(216,38%,97%)
#e3e9f2 rgb(227,233,242) hsl(216,38%,92%)
#d1dbea rgb(209,219,234) hsl(216,38%,87%)
#c0cee3 rgb(192,206,227) hsl(216,38%,82%)
#aec0db rgb(174,192,219) hsl(216,38%,77%)
#9cb2d3 rgb(156,178,211) hsl(216,38%,72%)
#8ba4cb rgb(139,164,203) hsl(216,38%,67%)
#7997c3 rgb(121,151,195) hsl(216,38%,62%)
#6889bb rgb(104,137,187) hsl(216,38%,57%)
#567bb3 rgb(86,123,179) hsl(216,38%,52%)
#4a6fa5 rgb(74,111,165) hsl(216,38%,47%)
#426394 rgb(66,99,148) hsl(216,38%,42%)
#3a5782 rgb(58,87,130) hsl(216,38%,37%)
#334b71 rgb(51,75,113) hsl(216,38%,32%)
#2b405f rgb(43,64,95) hsl(216,38%,27%)
#23344d rgb(35,52,77) hsl(216,38%,22%)
#1b283c rgb(27,40,60) hsl(216,38%,17%)
#131c2a rgb(19,28,42) hsl(216,38%,12%)
#0b1019 rgb(11,16,25) hsl(216,38%,7%)
#030507 rgb(3,5,7) hsl(216,38%,2%)

Adjacent colors

HEX RGB HSL
#55B3AC rgb(85,179,172) hsl(176,38%,52%)
#557AB2 rgb(85,122,178) hsl(216,38%,52%)
#6E54B2 rgb(110,84,178) hsl(257,38%,51%)

Monochromatic colors

HEX RGB HSL
#8EA8CC rgb(142,168,204) hsl(215,38%,68%)
#7191BF rgb(113,145,191) hsl(215,38%,60%)
#557AB2 rgb(85,122,178) hsl(216,38%,52%)
#446698 rgb(68,102,152) hsl(216,38%,43%)
#37527B rgb(55,82,123) hsl(216,38%,35%)
#2A405E rgb(42,64,94) hsl(215,38%,27%)

Triad color palettes

HEX RGB HSL
#557AB2 rgb(85,122,178) hsl(216,38%,52%)
#B25E55 rgb(178,94,85) hsl(6,38%,52%)
#A8B355 rgb(168,179,85) hsl(67,38%,52%)

Tetrad color palettes

HEX RGB HSL
#557AB2 rgb(85,122,178) hsl(216,38%,52%)
#B28C55 rgb(178,140,85) hsl(35,38%,52%)
#55A8B2 rgb(85,168,178) hsl(186,38%,52%)
#A8B355 rgb(168,179,85) hsl(67,38%,52%)