HEX #558CBC color — Steel Blue
The color #558CBC is a light shade and moderately saturated.
Palette
558CBC color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(208,43%,99%) |
#e9f0f6 |
rgb(233,240,246) |
hsl(208,43%,94%) |
#d7e4ef |
rgb(215,228,239) |
hsl(208,43%,89%) |
#c5d7e8 |
rgb(197,215,232) |
hsl(208,43%,84%) |
#b2cbe0 |
rgb(178,203,224) |
hsl(208,43%,79%) |
#a0bfd9 |
rgb(160,191,217) |
hsl(208,43%,74%) |
#8eb2d2 |
rgb(142,178,210) |
hsl(208,43%,69%) |
#7ca6cb |
rgb(124,166,203) |
hsl(208,43%,64%) |
#6999c3 |
rgb(105,153,195) |
hsl(208,43%,59%) |
#578dbc |
rgb(87,141,188) |
hsl(208,43%,54%) |
#4781b3 |
rgb(71,129,179) |
hsl(208,43%,49%) |
#4073a0 |
rgb(64,115,160) |
hsl(208,43%,44%) |
#39668e |
rgb(57,102,142) |
hsl(208,43%,39%) |
#31597c |
rgb(49,89,124) |
hsl(208,43%,34%) |
#2a4c6a |
rgb(42,76,106) |
hsl(208,43%,29%) |
#233f58 |
rgb(35,63,88) |
hsl(208,43%,24%) |
#1c3245 |
rgb(28,50,69) |
hsl(208,43%,19%) |
#142533 |
rgb(20,37,51) |
hsl(208,43%,14%) |
#0d1821 |
rgb(13,24,33) |
hsl(208,43%,9%) |
#060a0f |
rgb(6,10,15) |
hsl(208,43%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BDA7 |
rgb(85,189,167) |
hsl(167,44%,54%) |
#558CBC |
rgb(85,140,188) |
hsl(208,43%,54%) |
#6254BC |
rgb(98,84,188) |
hsl(248,44%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93B8D4 |
rgb(147,184,212) |
hsl(206,43%,70%) |
#74A1C8 |
rgb(116,161,200) |
hsl(208,43%,62%) |
#558CBC |
rgb(85,140,188) |
hsl(208,43%,54%) |
#4075A4 |
rgb(64,117,164) |
hsl(208,44%,45%) |
#345E85 |
rgb(52,94,133) |
hsl(209,44%,36%) |
#284A65 |
rgb(40,74,101) |
hsl(207,43%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CBC |
rgb(85,140,188) |
hsl(208,43%,54%) |
#BC5458 |
rgb(188,84,88) |
hsl(358,44%,53%) |
#BCB855 |
rgb(188,184,85) |
hsl(58,43%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CBC |
rgb(85,140,188) |
hsl(208,43%,54%) |
#BC8555 |
rgb(188,133,85) |
hsl(28,43%,54%) |
#55BDB8 |
rgb(85,189,184) |
hsl(177,44%,54%) |
#BCB855 |
rgb(188,184,85) |
hsl(58,43%,54%) |