HEX #5678A9 color — Wedgewood
The color #5678A9 is a dark shade and slightly desaturated.
Palette
5678A9 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef2f6 |
rgb(238,242,246) |
hsl(215,33%,95%) |
| #dde4ee |
rgb(221,228,238) |
hsl(215,33%,90%) |
| #ccd7e5 |
rgb(204,215,229) |
hsl(215,33%,85%) |
| #bbc9dd |
rgb(187,201,221) |
hsl(215,33%,80%) |
| #aabcd4 |
rgb(170,188,212) |
hsl(215,33%,75%) |
| #99aecc |
rgb(153,174,204) |
hsl(215,33%,70%) |
| #88a1c3 |
rgb(136,161,195) |
hsl(215,33%,65%) |
| #7793bb |
rgb(119,147,187) |
hsl(215,33%,60%) |
| #6686b2 |
rgb(102,134,178) |
hsl(215,33%,55%) |
| #5578aa |
rgb(85,120,170) |
hsl(215,33%,50%) |
| #4d6c99 |
rgb(77,108,153) |
hsl(215,33%,45%) |
| #446088 |
rgb(68,96,136) |
hsl(215,33%,40%) |
| #3c5477 |
rgb(60,84,119) |
hsl(215,33%,35%) |
| #334866 |
rgb(51,72,102) |
hsl(215,33%,30%) |
| #2b3c55 |
rgb(43,60,85) |
hsl(215,33%,25%) |
| #223044 |
rgb(34,48,68) |
hsl(215,33%,20%) |
| #1a2433 |
rgb(26,36,51) |
hsl(215,33%,15%) |
| #111822 |
rgb(17,24,34) |
hsl(215,33%,10%) |
| #090c11 |
rgb(9,12,17) |
hsl(215,33%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56A8A2 |
rgb(86,168,162) |
hsl(176,32%,50%) |
| #5678A9 |
rgb(86,120,169) |
hsl(215,33%,50%) |
| #6B57A9 |
rgb(107,87,169) |
hsl(255,32%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8CA3C4 |
rgb(140,163,196) |
hsl(215,32%,66%) |
| #718FB6 |
rgb(113,143,182) |
hsl(214,32%,58%) |
| #5678A9 |
rgb(86,120,169) |
hsl(215,33%,50%) |
| #48668D |
rgb(72,102,141) |
hsl(214,32%,42%) |
| #3A5272 |
rgb(58,82,114) |
hsl(214,33%,34%) |
| #2C3D57 |
rgb(44,61,87) |
hsl(216,33%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5678A9 |
rgb(86,120,169) |
hsl(215,33%,50%) |
| #A95E56 |
rgb(169,94,86) |
hsl(6,33%,50%) |
| #A1A856 |
rgb(161,168,86) |
hsl(65,32%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5678A9 |
rgb(86,120,169) |
hsl(215,33%,50%) |
| #A98756 |
rgb(169,135,86) |
hsl(35,33%,50%) |
| #56A1A9 |
rgb(86,161,169) |
hsl(186,33%,50%) |
| #A1A856 |
rgb(161,168,86) |
hsl(65,32%,50%) |
