HEX #5478A2 color — Wedgewood
The color #5478A2 is a dark shade and slightly desaturated.
Palette
5478A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(212,32%,98%) |
#e7edf3 |
rgb(231,237,243) |
hsl(212,32%,93%) |
#d7e0ea |
rgb(215,224,234) |
hsl(212,32%,88%) |
#c6d3e2 |
rgb(198,211,226) |
hsl(212,32%,83%) |
#b5c6d9 |
rgb(181,198,217) |
hsl(212,32%,78%) |
#a4b9d0 |
rgb(164,185,208) |
hsl(212,32%,73%) |
#93acc8 |
rgb(147,172,200) |
hsl(212,32%,68%) |
#829fbf |
rgb(130,159,191) |
hsl(212,32%,63%) |
#7292b6 |
rgb(114,146,182) |
hsl(212,32%,58%) |
#6185ae |
rgb(97,133,174) |
hsl(212,32%,53%) |
#5378a2 |
rgb(83,120,162) |
hsl(212,32%,48%) |
#4b6b91 |
rgb(75,107,145) |
hsl(212,32%,43%) |
#425f80 |
rgb(66,95,128) |
hsl(212,32%,38%) |
#39526f |
rgb(57,82,111) |
hsl(212,32%,33%) |
#31465e |
rgb(49,70,94) |
hsl(212,32%,28%) |
#28394d |
rgb(40,57,77) |
hsl(212,32%,23%) |
#1f2d3d |
rgb(31,45,61) |
hsl(212,32%,18%) |
#17202c |
rgb(23,32,44) |
hsl(212,32%,13%) |
#0e141b |
rgb(14,20,27) |
hsl(212,32%,8%) |
#05070a |
rgb(5,7,10) |
hsl(212,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A398 |
rgb(84,163,152) |
hsl(172,32%,48%) |
#5478A2 |
rgb(84,120,162) |
hsl(212,32%,48%) |
#6454A2 |
rgb(100,84,162) |
hsl(252,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A1BF |
rgb(132,161,191) |
hsl(211,32%,63%) |
#6B8CB2 |
rgb(107,140,178) |
hsl(212,32%,56%) |
#5478A2 |
rgb(84,120,162) |
hsl(212,32%,48%) |
#466688 |
rgb(70,102,136) |
hsl(211,32%,40%) |
#39526E |
rgb(57,82,110) |
hsl(212,32%,33%) |
#2B3D54 |
rgb(43,61,84) |
hsl(214,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478A2 |
rgb(84,120,162) |
hsl(212,32%,48%) |
#A25754 |
rgb(162,87,84) |
hsl(2,32%,48%) |
#9FA354 |
rgb(159,163,84) |
hsl(63,32%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478A2 |
rgb(84,120,162) |
hsl(212,32%,48%) |
#A27D54 |
rgb(162,125,84) |
hsl(32,32%,48%) |
#549EA2 |
rgb(84,158,162) |
hsl(183,32%,48%) |
#9FA354 |
rgb(159,163,84) |
hsl(63,32%,48%) |