HEX #557AA1 color — Wedgewood
The color #557AA1 is a dark shade and slightly desaturated.
Palette
557AA1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(211,31%,98%) |
#e8edf3 |
rgb(232,237,243) |
hsl(211,31%,93%) |
#d7e0ea |
rgb(215,224,234) |
hsl(211,31%,88%) |
#c6d3e1 |
rgb(198,211,225) |
hsl(211,31%,83%) |
#b6c6d8 |
rgb(182,198,216) |
hsl(211,31%,78%) |
#a5b9cf |
rgb(165,185,207) |
hsl(211,31%,73%) |
#94adc7 |
rgb(148,173,199) |
hsl(211,31%,68%) |
#83a0be |
rgb(131,160,190) |
hsl(211,31%,63%) |
#7393b5 |
rgb(115,147,181) |
hsl(211,31%,58%) |
#6286ac |
rgb(98,134,172) |
hsl(211,31%,53%) |
#5479a0 |
rgb(84,121,160) |
hsl(211,31%,48%) |
#4c6d90 |
rgb(76,109,144) |
hsl(211,31%,43%) |
#43607f |
rgb(67,96,127) |
hsl(211,31%,38%) |
#3a536e |
rgb(58,83,110) |
hsl(211,31%,33%) |
#31475e |
rgb(49,71,94) |
hsl(211,31%,28%) |
#283a4d |
rgb(40,58,77) |
hsl(211,31%,23%) |
#202d3c |
rgb(32,45,60) |
hsl(211,31%,18%) |
#17212b |
rgb(23,33,43) |
hsl(211,31%,13%) |
#0e141b |
rgb(14,20,27) |
hsl(211,31%,8%) |
#05080a |
rgb(5,8,10) |
hsl(211,31%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A195 |
rgb(85,161,149) |
hsl(171,31%,48%) |
#557AA1 |
rgb(85,122,161) |
hsl(211,31%,48%) |
#6254A1 |
rgb(98,84,161) |
hsl(251,31%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A1BE |
rgb(133,161,190) |
hsl(211,30%,63%) |
#6B8FB1 |
rgb(107,143,177) |
hsl(209,31%,56%) |
#557AA1 |
rgb(85,122,161) |
hsl(211,31%,48%) |
#476687 |
rgb(71,102,135) |
hsl(211,31%,40%) |
#39546D |
rgb(57,84,109) |
hsl(209,31%,33%) |
#2C4053 |
rgb(44,64,83) |
hsl(209,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#557AA1 |
rgb(85,122,161) |
hsl(211,31%,48%) |
#A15755 |
rgb(161,87,85) |
hsl(2,31%,48%) |
#A0A155 |
rgb(160,161,85) |
hsl(61,31%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557AA1 |
rgb(85,122,161) |
hsl(211,31%,48%) |
#A17D55 |
rgb(161,125,85) |
hsl(32,31%,48%) |
#55A1A1 |
rgb(85,161,161) |
hsl(180,31%,48%) |
#A0A155 |
rgb(160,161,85) |
hsl(61,31%,48%) |