HEX #557AA4 color — Wedgewood
The color #557AA4 is a dark shade and slightly desaturated.
Palette
557AA4 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(212,32%,99%) |
#ebeff5 |
rgb(235,239,245) |
hsl(212,32%,94%) |
#dae2ec |
rgb(218,226,236) |
hsl(212,32%,89%) |
#c9d5e3 |
rgb(201,213,227) |
hsl(212,32%,84%) |
#b8c8db |
rgb(184,200,219) |
hsl(212,32%,79%) |
#a7bbd2 |
rgb(167,187,210) |
hsl(212,32%,74%) |
#97aec9 |
rgb(151,174,201) |
hsl(212,32%,69%) |
#86a1c1 |
rgb(134,161,193) |
hsl(212,32%,64%) |
#7594b8 |
rgb(117,148,184) |
hsl(212,32%,59%) |
#6487af |
rgb(100,135,175) |
hsl(212,32%,54%) |
#557aa5 |
rgb(85,122,165) |
hsl(212,32%,49%) |
#4c6e94 |
rgb(76,110,148) |
hsl(212,32%,44%) |
#446183 |
rgb(68,97,131) |
hsl(212,32%,39%) |
#3b5572 |
rgb(59,85,114) |
hsl(212,32%,34%) |
#324862 |
rgb(50,72,98) |
hsl(212,32%,29%) |
#2a3c51 |
rgb(42,60,81) |
hsl(212,32%,24%) |
#212f40 |
rgb(33,47,64) |
hsl(212,32%,19%) |
#18232f |
rgb(24,35,47) |
hsl(212,32%,14%) |
#10161e |
rgb(16,22,30) |
hsl(212,32%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(212,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A399 |
rgb(85,163,153) |
hsl(172,31%,49%) |
#557AA4 |
rgb(85,122,164) |
hsl(212,32%,49%) |
#6454A4 |
rgb(100,84,164) |
hsl(252,32%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A3C1 |
rgb(135,163,193) |
hsl(211,32%,64%) |
#6D8FB3 |
rgb(109,143,179) |
hsl(211,32%,56%) |
#557AA4 |
rgb(85,122,164) |
hsl(212,32%,49%) |
#476689 |
rgb(71,102,137) |
hsl(212,32%,41%) |
#39546F |
rgb(57,84,111) |
hsl(210,32%,33%) |
#2C4055 |
rgb(44,64,85) |
hsl(211,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#557AA4 |
rgb(85,122,164) |
hsl(212,32%,49%) |
#A45755 |
rgb(164,87,85) |
hsl(2,32%,49%) |
#A1A355 |
rgb(161,163,85) |
hsl(62,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557AA4 |
rgb(85,122,164) |
hsl(212,32%,49%) |
#A48055 |
rgb(164,128,85) |
hsl(33,32%,49%) |
#55A1A4 |
rgb(85,161,164) |
hsl(182,32%,49%) |
#A1A355 |
rgb(161,163,85) |
hsl(62,31%,49%) |