HEX #558CC1 color — Steel Blue
The color #558CC1 is a light shade and moderately saturated.
Palette
558CC1 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf2f8 |
rgb(236,242,248) |
hsl(209,47%,95%) |
| #dae6f1 |
rgb(218,230,241) |
hsl(209,47%,90%) |
| #c7d9eb |
rgb(199,217,235) |
hsl(209,47%,85%) |
| #b4cde4 |
rgb(180,205,228) |
hsl(209,47%,80%) |
| #a1c0dd |
rgb(161,192,221) |
hsl(209,47%,75%) |
| #8fb4d6 |
rgb(143,180,214) |
hsl(209,47%,70%) |
| #7ca7d0 |
rgb(124,167,208) |
hsl(209,47%,65%) |
| #699bc9 |
rgb(105,155,201) |
hsl(209,47%,60%) |
| #568ec2 |
rgb(86,142,194) |
hsl(209,47%,55%) |
| #4481bb |
rgb(68,129,187) |
hsl(209,47%,50%) |
| #3d75a9 |
rgb(61,117,169) |
hsl(209,47%,45%) |
| #366896 |
rgb(54,104,150) |
hsl(209,47%,40%) |
| #2f5b83 |
rgb(47,91,131) |
hsl(209,47%,35%) |
| #294e70 |
rgb(41,78,112) |
hsl(209,47%,30%) |
| #22415e |
rgb(34,65,94) |
hsl(209,47%,25%) |
| #1b344b |
rgb(27,52,75) |
hsl(209,47%,20%) |
| #142738 |
rgb(20,39,56) |
hsl(209,47%,15%) |
| #0e1a25 |
rgb(14,26,37) |
hsl(209,47%,10%) |
| #070d13 |
rgb(7,13,19) |
hsl(209,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C2AE |
rgb(85,194,174) |
hsl(169,47%,55%) |
| #558CC1 |
rgb(85,140,193) |
hsl(209,47%,55%) |
| #6654C1 |
rgb(102,84,193) |
hsl(250,47%,54%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #96B8D8 |
rgb(150,184,216) |
hsl(209,46%,72%) |
| #75A3CC |
rgb(117,163,204) |
hsl(208,46%,63%) |
| #558CC1 |
rgb(85,140,193) |
hsl(209,47%,55%) |
| #3E75AB |
rgb(62,117,171) |
hsl(210,47%,46%) |
| #325E8A |
rgb(50,94,138) |
hsl(210,47%,37%) |
| #264A69 |
rgb(38,74,105) |
hsl(208,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #558CC1 |
rgb(85,140,193) |
hsl(209,47%,55%) |
| #C15456 |
rgb(193,84,86) |
hsl(359,47%,54%) |
| #C1BF55 |
rgb(193,191,85) |
hsl(59,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #558CC1 |
rgb(85,140,193) |
hsl(209,47%,55%) |
| #C18A55 |
rgb(193,138,85) |
hsl(29,47%,55%) |
| #55C2C0 |
rgb(85,194,192) |
hsl(179,47%,55%) |
| #C1BF55 |
rgb(193,191,85) |
hsl(59,47%,55%) |
