HEX #5285A2 color — Wedgewood
The color #5285A2 is a dark shade and slightly desaturated.
Palette
5285A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(202,33%,98%) |
#e7eff3 |
rgb(231,239,243) |
hsl(202,33%,93%) |
#d6e3ea |
rgb(214,227,234) |
hsl(202,33%,88%) |
#c5d7e2 |
rgb(197,215,226) |
hsl(202,33%,83%) |
#b4ccd9 |
rgb(180,204,217) |
hsl(202,33%,78%) |
#a3c0d1 |
rgb(163,192,209) |
hsl(202,33%,73%) |
#92b5c8 |
rgb(146,181,200) |
hsl(202,33%,68%) |
#82a9c0 |
rgb(130,169,192) |
hsl(202,33%,63%) |
#719db7 |
rgb(113,157,183) |
hsl(202,33%,58%) |
#6092af |
rgb(96,146,175) |
hsl(202,33%,53%) |
#5285a3 |
rgb(82,133,163) |
hsl(202,33%,48%) |
#497792 |
rgb(73,119,146) |
hsl(202,33%,43%) |
#416981 |
rgb(65,105,129) |
hsl(202,33%,38%) |
#385c70 |
rgb(56,92,112) |
hsl(202,33%,33%) |
#304e5f |
rgb(48,78,95) |
hsl(202,33%,28%) |
#27404e |
rgb(39,64,78) |
hsl(202,33%,23%) |
#1f323d |
rgb(31,50,61) |
hsl(202,33%,18%) |
#16242c |
rgb(22,36,44) |
hsl(202,33%,13%) |
#0e161b |
rgb(14,22,27) |
hsl(202,33%,8%) |
#05080a |
rgb(5,8,10) |
hsl(202,33%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#52A389 |
rgb(82,163,137) |
hsl(161,33%,48%) |
#5285A2 |
rgb(82,133,162) |
hsl(202,33%,48%) |
#5452A2 |
rgb(84,82,162) |
hsl(242,33%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A8BF |
rgb(130,168,191) |
hsl(203,32%,63%) |
#6899B2 |
rgb(104,153,178) |
hsl(200,32%,55%) |
#5285A2 |
rgb(82,133,162) |
hsl(202,33%,48%) |
#447088 |
rgb(68,112,136) |
hsl(201,33%,40%) |
#37596E |
rgb(55,89,110) |
hsl(203,33%,32%) |
#2A4554 |
rgb(42,69,84) |
hsl(201,33%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5285A2 |
rgb(82,133,162) |
hsl(202,33%,48%) |
#A2525D |
rgb(162,82,93) |
hsl(352,33%,48%) |
#A29652 |
rgb(162,150,82) |
hsl(51,33%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5285A2 |
rgb(82,133,162) |
hsl(202,33%,48%) |
#A27052 |
rgb(162,112,82) |
hsl(23,33%,48%) |
#52A397 |
rgb(82,163,151) |
hsl(171,33%,48%) |
#A29652 |
rgb(162,150,82) |
hsl(51,33%,48%) |