HEX #5678B0 color — Wedgewood

The color #5678B0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5678B0 color palette from light to dark

HEX RGB HSL
#f1f4f8 rgb(241,244,248) hsl(217,36%,96%)
#e0e6f0 rgb(224,230,240) hsl(217,36%,91%)
#ced8e8 rgb(206,216,232) hsl(217,36%,86%)
#bdcae0 rgb(189,202,224) hsl(217,36%,81%)
#acbdd8 rgb(172,189,216) hsl(217,36%,76%)
#9aafd0 rgb(154,175,208) hsl(217,36%,71%)
#89a1c8 rgb(137,161,200) hsl(217,36%,66%)
#7893bf rgb(120,147,191) hsl(217,36%,61%)
#6685b7 rgb(102,133,183) hsl(217,36%,56%)
#5578af rgb(85,120,175) hsl(217,36%,51%)
#4b6ba0 rgb(75,107,160) hsl(217,36%,46%)
#43608e rgb(67,96,142) hsl(217,36%,41%)
#3b547d rgb(59,84,125) hsl(217,36%,36%)
#33486c rgb(51,72,108) hsl(217,36%,31%)
#2a3d5a rgb(42,61,90) hsl(217,36%,26%)
#223149 rgb(34,49,73) hsl(217,36%,21%)
#1a2537 rgb(26,37,55) hsl(217,36%,16%)
#121a26 rgb(18,26,38) hsl(217,36%,11%)
#0a0e15 rgb(10,14,21) hsl(217,36%,6%)
#020203 rgb(2,2,3) hsl(217,36%,1%)

Adjacent colors

HEX RGB HSL
#56B0AC rgb(86,176,172) hsl(177,36%,51%)
#5678B0 rgb(86,120,176) hsl(217,36%,51%)
#7057B0 rgb(112,87,176) hsl(257,36%,52%)

Monochromatic colors

HEX RGB HSL
#8FA6CA rgb(143,166,202) hsl(217,36%,68%)
#728FBD rgb(114,143,189) hsl(217,36%,59%)
#5678B0 rgb(86,120,176) hsl(217,36%,51%)
#466395 rgb(70,99,149) hsl(218,36%,43%)
#385279 rgb(56,82,121) hsl(216,37%,35%)
#2B3D5C rgb(43,61,92) hsl(218,36%,26%)

Triad color palettes

HEX RGB HSL
#5678B0 rgb(86,120,176) hsl(217,36%,51%)
#B06156 rgb(176,97,86) hsl(7,36%,51%)
#A5B056 rgb(165,176,86) hsl(67,36%,51%)

Tetrad color palettes

HEX RGB HSL
#5678B0 rgb(86,120,176) hsl(217,36%,51%)
#B08F56 rgb(176,143,86) hsl(38,36%,51%)
#56A6B0 rgb(86,166,176) hsl(187,36%,51%)
#A5B056 rgb(165,176,86) hsl(67,36%,51%)