HEX #5485A3 color — Wedgewood
The color #5485A3 is a dark shade and slightly desaturated.
Palette
5485A3 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(203,32%,98%) |
#e7eef3 |
rgb(231,238,243) |
hsl(203,32%,93%) |
#d7e3ea |
rgb(215,227,234) |
hsl(203,32%,88%) |
#c6d7e2 |
rgb(198,215,226) |
hsl(203,32%,83%) |
#b5cbd9 |
rgb(181,203,217) |
hsl(203,32%,78%) |
#a4bfd0 |
rgb(164,191,208) |
hsl(203,32%,73%) |
#93b3c8 |
rgb(147,179,200) |
hsl(203,32%,68%) |
#82a8bf |
rgb(130,168,191) |
hsl(203,32%,63%) |
#729cb6 |
rgb(114,156,182) |
hsl(203,32%,58%) |
#6190ae |
rgb(97,144,174) |
hsl(203,32%,53%) |
#5384a2 |
rgb(83,132,162) |
hsl(203,32%,48%) |
#4b7691 |
rgb(75,118,145) |
hsl(203,32%,43%) |
#426880 |
rgb(66,104,128) |
hsl(203,32%,38%) |
#395a6f |
rgb(57,90,111) |
hsl(203,32%,33%) |
#314d5e |
rgb(49,77,94) |
hsl(203,32%,28%) |
#283f4d |
rgb(40,63,77) |
hsl(203,32%,23%) |
#1f313d |
rgb(31,49,61) |
hsl(203,32%,18%) |
#17242c |
rgb(23,36,44) |
hsl(203,32%,13%) |
#0e161b |
rgb(14,22,27) |
hsl(203,32%,8%) |
#05080a |
rgb(5,8,10) |
hsl(203,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A38C |
rgb(84,163,140) |
hsl(163,32%,48%) |
#5485A3 |
rgb(84,133,163) |
hsl(203,32%,48%) |
#5754A3 |
rgb(87,84,163) |
hsl(242,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ABC0 |
rgb(133,171,192) |
hsl(201,32%,64%) |
#6B99B3 |
rgb(107,153,179) |
hsl(202,32%,56%) |
#5485A3 |
rgb(84,133,163) |
hsl(203,32%,48%) |
#467088 |
rgb(70,112,136) |
hsl(202,32%,40%) |
#39596E |
rgb(57,89,110) |
hsl(204,32%,33%) |
#2B4554 |
rgb(43,69,84) |
hsl(202,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5485A3 |
rgb(84,133,163) |
hsl(203,32%,48%) |
#A3545D |
rgb(163,84,93) |
hsl(353,32%,48%) |
#A39954 |
rgb(163,153,84) |
hsl(52,32%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5485A3 |
rgb(84,133,163) |
hsl(203,32%,48%) |
#A37354 |
rgb(163,115,84) |
hsl(24,32%,48%) |
#54A399 |
rgb(84,163,153) |
hsl(172,32%,48%) |
#A39954 |
rgb(163,153,84) |
hsl(52,32%,48%) |