HEX #558CBA color — Steel Blue
The color #558CBA is a light shade and moderately saturated.
Palette
558CBA color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(207,42%,98%) |
#e6eef5 |
rgb(230,238,245) |
hsl(207,42%,93%) |
#d4e2ed |
rgb(212,226,237) |
hsl(207,42%,88%) |
#c1d5e6 |
rgb(193,213,230) |
hsl(207,42%,83%) |
#afc9de |
rgb(175,201,222) |
hsl(207,42%,78%) |
#9dbdd7 |
rgb(157,189,215) |
hsl(207,42%,73%) |
#8bb1d0 |
rgb(139,177,208) |
hsl(207,42%,68%) |
#79a5c8 |
rgb(121,165,200) |
hsl(207,42%,63%) |
#6798c1 |
rgb(103,152,193) |
hsl(207,42%,58%) |
#558cb9 |
rgb(85,140,185) |
hsl(207,42%,53%) |
#4780ae |
rgb(71,128,174) |
hsl(207,42%,48%) |
#40729c |
rgb(64,114,156) |
hsl(207,42%,43%) |
#38658a |
rgb(56,101,138) |
hsl(207,42%,38%) |
#315877 |
rgb(49,88,119) |
hsl(207,42%,33%) |
#294a65 |
rgb(41,74,101) |
hsl(207,42%,28%) |
#223d53 |
rgb(34,61,83) |
hsl(207,42%,23%) |
#1b3041 |
rgb(27,48,65) |
hsl(207,42%,18%) |
#13232f |
rgb(19,35,47) |
hsl(207,42%,13%) |
#0c151d |
rgb(12,21,29) |
hsl(207,42%,8%) |
#04080b |
rgb(4,8,11) |
hsl(207,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BAA4 |
rgb(85,186,164) |
hsl(167,42%,53%) |
#558CBA |
rgb(85,140,186) |
hsl(207,42%,53%) |
#6154BA |
rgb(97,84,186) |
hsl(248,43%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92B5D3 |
rgb(146,181,211) |
hsl(208,42%,70%) |
#73A1C6 |
rgb(115,161,198) |
hsl(207,42%,61%) |
#558CBA |
rgb(85,140,186) |
hsl(207,42%,53%) |
#4175A1 |
rgb(65,117,161) |
hsl(208,42%,44%) |
#355E83 |
rgb(53,94,131) |
hsl(208,42%,36%) |
#284A64 |
rgb(40,74,100) |
hsl(206,43%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CBA |
rgb(85,140,186) |
hsl(207,42%,53%) |
#BA5459 |
rgb(186,84,89) |
hsl(357,43%,53%) |
#BAB555 |
rgb(186,181,85) |
hsl(57,42%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CBA |
rgb(85,140,186) |
hsl(207,42%,53%) |
#BA8255 |
rgb(186,130,85) |
hsl(27,42%,53%) |
#55BAB5 |
rgb(85,186,181) |
hsl(177,42%,53%) |
#BAB555 |
rgb(186,181,85) |
hsl(57,42%,53%) |