HEX #558AC2 color — Steel Blue
The color #558AC2 is a light shade and moderately saturated.
Palette
558AC2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(211,47%,95%) |
#dae5f1 |
rgb(218,229,241) |
hsl(211,47%,90%) |
#c7d8eb |
rgb(199,216,235) |
hsl(211,47%,85%) |
#b4cbe4 |
rgb(180,203,228) |
hsl(211,47%,80%) |
#a1bedd |
rgb(161,190,221) |
hsl(211,47%,75%) |
#8fb1d6 |
rgb(143,177,214) |
hsl(211,47%,70%) |
#7ca4d0 |
rgb(124,164,208) |
hsl(211,47%,65%) |
#6997c9 |
rgb(105,151,201) |
hsl(211,47%,60%) |
#568ac2 |
rgb(86,138,194) |
hsl(211,47%,55%) |
#447ebb |
rgb(68,126,187) |
hsl(211,47%,50%) |
#3d71a9 |
rgb(61,113,169) |
hsl(211,47%,45%) |
#366496 |
rgb(54,100,150) |
hsl(211,47%,40%) |
#2f5883 |
rgb(47,88,131) |
hsl(211,47%,35%) |
#294b70 |
rgb(41,75,112) |
hsl(211,47%,30%) |
#223f5e |
rgb(34,63,94) |
hsl(211,47%,25%) |
#1b324b |
rgb(27,50,75) |
hsl(211,47%,20%) |
#142638 |
rgb(20,38,56) |
hsl(211,47%,15%) |
#0e1925 |
rgb(14,25,37) |
hsl(211,47%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(211,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C2B1 |
rgb(85,194,177) |
hsl(171,47%,55%) |
#558AC2 |
rgb(85,138,194) |
hsl(211,47%,55%) |
#6854C2 |
rgb(104,84,194) |
hsl(251,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B8D9 |
rgb(150,184,217) |
hsl(210,47%,72%) |
#75A1CD |
rgb(117,161,205) |
hsl(210,47%,63%) |
#558AC2 |
rgb(85,138,194) |
hsl(211,47%,55%) |
#3D73AC |
rgb(61,115,172) |
hsl(211,48%,46%) |
#325E8B |
rgb(50,94,139) |
hsl(210,47%,37%) |
#26476A |
rgb(38,71,106) |
hsl(211,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AC2 |
rgb(85,138,194) |
hsl(211,47%,55%) |
#C25755 |
rgb(194,87,85) |
hsl(1,47%,55%) |
#C0C255 |
rgb(192,194,85) |
hsl(61,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AC2 |
rgb(85,138,194) |
hsl(211,47%,55%) |
#C28C55 |
rgb(194,140,85) |
hsl(30,47%,55%) |
#55BFC2 |
rgb(85,191,194) |
hsl(182,47%,55%) |
#C0C255 |
rgb(192,194,85) |
hsl(61,47%,55%) |