HEX #5678A5 color — Wedgewood
The color #5678A5 is a dark shade and slightly desaturated.
Palette
5678A5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(214,31%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(214,31%,94%) |
#dae2ec |
rgb(218,226,236) |
hsl(214,31%,89%) |
#cad5e3 |
rgb(202,213,227) |
hsl(214,31%,84%) |
#b9c7da |
rgb(185,199,218) |
hsl(214,31%,79%) |
#a8bad1 |
rgb(168,186,209) |
hsl(214,31%,74%) |
#97adc8 |
rgb(151,173,200) |
hsl(214,31%,69%) |
#879fc0 |
rgb(135,159,192) |
hsl(214,31%,64%) |
#7692b7 |
rgb(118,146,183) |
hsl(214,31%,59%) |
#6585ae |
rgb(101,133,174) |
hsl(214,31%,54%) |
#5678a4 |
rgb(86,120,164) |
hsl(214,31%,49%) |
#4d6c93 |
rgb(77,108,147) |
hsl(214,31%,44%) |
#455f82 |
rgb(69,95,130) |
hsl(214,31%,39%) |
#3c5372 |
rgb(60,83,114) |
hsl(214,31%,34%) |
#334761 |
rgb(51,71,97) |
hsl(214,31%,29%) |
#2a3b50 |
rgb(42,59,80) |
hsl(214,31%,24%) |
#212e3f |
rgb(33,46,63) |
hsl(214,31%,19%) |
#19222f |
rgb(25,34,47) |
hsl(214,31%,14%) |
#10161e |
rgb(16,22,30) |
hsl(214,31%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(214,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A69D |
rgb(86,166,157) |
hsl(173,32%,49%) |
#5678A5 |
rgb(86,120,165) |
hsl(214,31%,49%) |
#6857A5 |
rgb(104,87,165) |
hsl(253,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89A1C1 |
rgb(137,161,193) |
hsl(214,31%,65%) |
#6F8CB4 |
rgb(111,140,180) |
hsl(215,32%,57%) |
#5678A5 |
rgb(86,120,165) |
hsl(214,31%,49%) |
#48668A |
rgb(72,102,138) |
hsl(213,31%,41%) |
#3A5270 |
rgb(58,82,112) |
hsl(213,32%,33%) |
#2C3D55 |
rgb(44,61,85) |
hsl(215,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678A5 |
rgb(86,120,165) |
hsl(214,31%,49%) |
#A55C56 |
rgb(165,92,86) |
hsl(5,31%,49%) |
#9FA656 |
rgb(159,166,86) |
hsl(65,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678A5 |
rgb(86,120,165) |
hsl(214,31%,49%) |
#A58256 |
rgb(165,130,86) |
hsl(33,31%,49%) |
#56A1A5 |
rgb(86,161,165) |
hsl(183,31%,49%) |
#9FA656 |
rgb(159,166,86) |
hsl(65,32%,49%) |