HEX #5678A7 color — Wedgewood
The color #5678A7 is a dark shade and slightly desaturated.
Palette
5678A7 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef2f6 |
rgb(238,242,246) |
hsl(215,32%,95%) |
| #dde4ee |
rgb(221,228,238) |
hsl(215,32%,90%) |
| #cdd7e5 |
rgb(205,215,229) |
hsl(215,32%,85%) |
| #bcc9dc |
rgb(188,201,220) |
hsl(215,32%,80%) |
| #abbcd4 |
rgb(171,188,212) |
hsl(215,32%,75%) |
| #9aaecb |
rgb(154,174,203) |
hsl(215,32%,70%) |
| #89a1c2 |
rgb(137,161,194) |
hsl(215,32%,65%) |
| #7894ba |
rgb(120,148,186) |
hsl(215,32%,60%) |
| #6886b1 |
rgb(104,134,177) |
hsl(215,32%,55%) |
| #5779a8 |
rgb(87,121,168) |
hsl(215,32%,50%) |
| #4e6d97 |
rgb(78,109,151) |
hsl(215,32%,45%) |
| #456187 |
rgb(69,97,135) |
hsl(215,32%,40%) |
| #3d5476 |
rgb(61,84,118) |
hsl(215,32%,35%) |
| #344865 |
rgb(52,72,101) |
hsl(215,32%,30%) |
| #2b3c54 |
rgb(43,60,84) |
hsl(215,32%,25%) |
| #233043 |
rgb(35,48,67) |
hsl(215,32%,20%) |
| #1a2432 |
rgb(26,36,50) |
hsl(215,32%,15%) |
| #111822 |
rgb(17,24,34) |
hsl(215,32%,10%) |
| #090c11 |
rgb(9,12,17) |
hsl(215,32%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56A6A0 |
rgb(86,166,160) |
hsl(176,32%,49%) |
| #5678A7 |
rgb(86,120,167) |
hsl(215,32%,50%) |
| #6A57A7 |
rgb(106,87,167) |
hsl(254,31%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8AA3C3 |
rgb(138,163,195) |
hsl(214,32%,65%) |
| #708CB5 |
rgb(112,140,181) |
hsl(216,32%,57%) |
| #5678A7 |
rgb(86,120,167) |
hsl(215,32%,50%) |
| #48668C |
rgb(72,102,140) |
hsl(214,32%,42%) |
| #3A5271 |
rgb(58,82,113) |
hsl(214,32%,34%) |
| #2C3D56 |
rgb(44,61,86) |
hsl(216,32%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5678A7 |
rgb(86,120,167) |
hsl(215,32%,50%) |
| #A75C56 |
rgb(167,92,86) |
hsl(4,32%,50%) |
| #A0A656 |
rgb(160,166,86) |
hsl(65,32%,49%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5678A7 |
rgb(86,120,167) |
hsl(215,32%,50%) |
| #A78556 |
rgb(167,133,86) |
hsl(35,32%,50%) |
| #56A1A7 |
rgb(86,161,167) |
hsl(184,32%,50%) |
| #A0A656 |
rgb(160,166,86) |
hsl(65,32%,49%) |
