HEX #5678C7 color — Indigo
The color #5678C7 is a dark shade and moderately saturated.
Palette
5678C7 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(222,50%,96%) |
#dde3f4 |
rgb(221,227,244) |
hsl(222,50%,91%) |
#c9d4ed |
rgb(201,212,237) |
hsl(222,50%,86%) |
#b6c5e7 |
rgb(182,197,231) |
hsl(222,50%,81%) |
#a3b6e0 |
rgb(163,182,224) |
hsl(222,50%,76%) |
#90a6da |
rgb(144,166,218) |
hsl(222,50%,71%) |
#7d97d4 |
rgb(125,151,212) |
hsl(222,50%,66%) |
#6a88cd |
rgb(106,136,205) |
hsl(222,50%,61%) |
#5778c7 |
rgb(87,120,199) |
hsl(222,50%,56%) |
#4469c1 |
rgb(68,105,193) |
hsl(222,50%,51%) |
#3b5eb0 |
rgb(59,94,176) |
hsl(222,50%,46%) |
#34549d |
rgb(52,84,157) |
hsl(222,50%,41%) |
#2e498a |
rgb(46,73,138) |
hsl(222,50%,36%) |
#283f77 |
rgb(40,63,119) |
hsl(222,50%,31%) |
#213563 |
rgb(33,53,99) |
hsl(222,50%,26%) |
#1b2b50 |
rgb(27,43,80) |
hsl(222,50%,21%) |
#14213d |
rgb(20,33,61) |
hsl(222,50%,16%) |
#0e162a |
rgb(14,22,42) |
hsl(222,50%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(222,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C4C7 |
rgb(86,196,199) |
hsl(182,50%,56%) |
#5678C7 |
rgb(86,120,199) |
hsl(222,50%,56%) |
#7F57C7 |
rgb(127,87,199) |
hsl(261,50%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB0DD |
rgb(154,176,221) |
hsl(220,50%,74%) |
#7894D2 |
rgb(120,148,210) |
hsl(221,50%,65%) |
#5678C7 |
rgb(86,120,199) |
hsl(222,50%,56%) |
#3B61B3 |
rgb(59,97,179) |
hsl(221,50%,47%) |
#304D91 |
rgb(48,77,145) |
hsl(222,50%,38%) |
#243B6F |
rgb(36,59,111) |
hsl(222,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678C7 |
rgb(86,120,199) |
hsl(222,50%,56%) |
#C76E56 |
rgb(199,110,86) |
hsl(13,50%,56%) |
#B0C756 |
rgb(176,199,86) |
hsl(72,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678C7 |
rgb(86,120,199) |
hsl(222,50%,56%) |
#C7A656 |
rgb(199,166,86) |
hsl(42,50%,56%) |
#56B0C7 |
rgb(86,176,199) |
hsl(192,50%,56%) |
#B0C756 |
rgb(176,199,86) |
hsl(72,50%,56%) |