HEX #5578A5 color — Wedgewood
The color #5578a5 is a dark shade and slightly desaturated.
Palette
5578a5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(214,32%,99%) |
#ebeff5 |
rgb(235,239,245) |
hsl(214,32%,94%) |
#dae2ec |
rgb(218,226,236) |
hsl(214,32%,89%) |
#c9d4e3 |
rgb(201,212,227) |
hsl(214,32%,84%) |
#b8c7db |
rgb(184,199,219) |
hsl(214,32%,79%) |
#a7bad2 |
rgb(167,186,210) |
hsl(214,32%,74%) |
#97adc9 |
rgb(151,173,201) |
hsl(214,32%,69%) |
#869fc1 |
rgb(134,159,193) |
hsl(214,32%,64%) |
#7592b8 |
rgb(117,146,184) |
hsl(214,32%,59%) |
#6485af |
rgb(100,133,175) |
hsl(214,32%,54%) |
#5578a5 |
rgb(85,120,165) |
hsl(214,32%,49%) |
#4c6b94 |
rgb(76,107,148) |
hsl(214,32%,44%) |
#445f83 |
rgb(68,95,131) |
hsl(214,32%,39%) |
#3b5372 |
rgb(59,83,114) |
hsl(214,32%,34%) |
#324762 |
rgb(50,71,98) |
hsl(214,32%,29%) |
#2a3b51 |
rgb(42,59,81) |
hsl(214,32%,24%) |
#212e40 |
rgb(33,46,64) |
hsl(214,32%,19%) |
#18222f |
rgb(24,34,47) |
hsl(214,32%,14%) |
#10161e |
rgb(16,22,30) |
hsl(214,32%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(214,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A69C |
rgb(85,166,156) |
hsl(173,32%,49%) |
#5578A5 |
rgb(85,120,165) |
hsl(214,32%,49%) |
#6754A5 |
rgb(103,84,165) |
hsl(254,33%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A1C1 |
rgb(136,161,193) |
hsl(214,31%,65%) |
#6D8CB4 |
rgb(109,140,180) |
hsl(214,32%,57%) |
#5578A5 |
rgb(85,120,165) |
hsl(214,32%,49%) |
#47668A |
rgb(71,102,138) |
hsl(212,32%,41%) |
#395270 |
rgb(57,82,112) |
hsl(213,33%,33%) |
#2C3D55 |
rgb(44,61,85) |
hsl(215,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578A5 |
rgb(85,120,165) |
hsl(214,32%,49%) |
#A55955 |
rgb(165,89,85) |
hsl(3,32%,49%) |
#A0A655 |
rgb(160,166,85) |
hsl(64,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578A5 |
rgb(85,120,165) |
hsl(214,32%,49%) |
#A58255 |
rgb(165,130,85) |
hsl(34,32%,49%) |
#55A1A5 |
rgb(85,161,165) |
hsl(183,32%,49%) |
#A0A655 |
rgb(160,166,85) |
hsl(64,32%,49%) |