HEX #5A78B2 color — Wedgewood
The color #5A78B2 is a dark shade and slightly desaturated.
Palette
5A78B2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(220,36%,98%) |
#e7ebf4 |
rgb(231,235,244) |
hsl(220,36%,93%) |
#d5ddeb |
rgb(213,221,235) |
hsl(220,36%,88%) |
#c4cee3 |
rgb(196,206,227) |
hsl(220,36%,83%) |
#b3c0db |
rgb(179,192,219) |
hsl(220,36%,78%) |
#a1b2d3 |
rgb(161,178,211) |
hsl(220,36%,73%) |
#90a4cb |
rgb(144,164,203) |
hsl(220,36%,68%) |
#7f95c3 |
rgb(127,149,195) |
hsl(220,36%,63%) |
#6d87ba |
rgb(109,135,186) |
hsl(220,36%,58%) |
#5c79b2 |
rgb(92,121,178) |
hsl(220,36%,53%) |
#4e6ca6 |
rgb(78,108,166) |
hsl(220,36%,48%) |
#466095 |
rgb(70,96,149) |
hsl(220,36%,43%) |
#3e5584 |
rgb(62,85,132) |
hsl(220,36%,38%) |
#364a72 |
rgb(54,74,114) |
hsl(220,36%,33%) |
#2e3f61 |
rgb(46,63,97) |
hsl(220,36%,28%) |
#263450 |
rgb(38,52,80) |
hsl(220,36%,23%) |
#1d283e |
rgb(29,40,62) |
hsl(220,36%,18%) |
#151d2d |
rgb(21,29,45) |
hsl(220,36%,13%) |
#0d121c |
rgb(13,18,28) |
hsl(220,36%,8%) |
#05070a |
rgb(5,7,10) |
hsl(220,36%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB3B1 |
rgb(90,179,177) |
hsl(179,37%,53%) |
#5A78B2 |
rgb(90,120,178) |
hsl(220,36%,53%) |
#7659B2 |
rgb(118,89,178) |
hsl(260,37%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A8CD |
rgb(148,168,205) |
hsl(219,36%,69%) |
#778FBF |
rgb(119,143,191) |
hsl(220,36%,61%) |
#5A78B2 |
rgb(90,120,178) |
hsl(220,36%,53%) |
#476399 |
rgb(71,99,153) |
hsl(220,37%,44%) |
#39527C |
rgb(57,82,124) |
hsl(218,37%,35%) |
#2C3D5F |
rgb(44,61,95) |
hsl(220,37%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78B2 |
rgb(90,120,178) |
hsl(220,36%,53%) |
#B2695A |
rgb(178,105,90) |
hsl(10,36%,53%) |
#A4B35A |
rgb(164,179,90) |
hsl(70,37%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78B2 |
rgb(90,120,178) |
hsl(220,36%,53%) |
#B2945A |
rgb(178,148,90) |
hsl(40,36%,53%) |
#5AA3B2 |
rgb(90,163,178) |
hsl(190,36%,53%) |
#A4B35A |
rgb(164,179,90) |
hsl(70,37%,53%) |