HEX #5678C8 color — Indigo
The color #5678C8 is a dark shade and moderately saturated.
Palette
5678C8 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(222,51%,96%) |
#dce3f4 |
rgb(220,227,244) |
hsl(222,51%,91%) |
#c9d4ee |
rgb(201,212,238) |
hsl(222,51%,86%) |
#b6c5e7 |
rgb(182,197,231) |
hsl(222,51%,81%) |
#a3b5e1 |
rgb(163,181,225) |
hsl(222,51%,76%) |
#8fa6db |
rgb(143,166,219) |
hsl(222,51%,71%) |
#7c97d5 |
rgb(124,151,213) |
hsl(222,51%,66%) |
#6987ce |
rgb(105,135,206) |
hsl(222,51%,61%) |
#5678c8 |
rgb(86,120,200) |
hsl(222,51%,56%) |
#4269c2 |
rgb(66,105,194) |
hsl(222,51%,51%) |
#395db1 |
rgb(57,93,177) |
hsl(222,51%,46%) |
#33539e |
rgb(51,83,158) |
hsl(222,51%,41%) |
#2d498b |
rgb(45,73,139) |
hsl(222,51%,36%) |
#273f77 |
rgb(39,63,119) |
hsl(222,51%,31%) |
#203564 |
rgb(32,53,100) |
hsl(222,51%,26%) |
#1a2b51 |
rgb(26,43,81) |
hsl(222,51%,21%) |
#14203e |
rgb(20,32,62) |
hsl(222,51%,16%) |
#0e162a |
rgb(14,22,42) |
hsl(222,51%,11%) |
#070c17 |
rgb(7,12,23) |
hsl(222,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C4C8 |
rgb(86,196,200) |
hsl(182,51%,56%) |
#5678C8 |
rgb(86,120,200) |
hsl(222,51%,56%) |
#8057C8 |
rgb(128,87,200) |
hsl(262,51%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB0DE |
rgb(155,176,222) |
hsl(221,50%,74%) |
#7894D3 |
rgb(120,148,211) |
hsl(222,51%,65%) |
#5678C8 |
rgb(86,120,200) |
hsl(222,51%,56%) |
#3A5EB5 |
rgb(58,94,181) |
hsl(222,51%,47%) |
#2F4D92 |
rgb(47,77,146) |
hsl(222,51%,38%) |
#243B70 |
rgb(36,59,112) |
hsl(222,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678C8 |
rgb(86,120,200) |
hsl(222,51%,56%) |
#C86E56 |
rgb(200,110,86) |
hsl(13,51%,56%) |
#B1C756 |
rgb(177,199,86) |
hsl(72,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678C8 |
rgb(86,120,200) |
hsl(222,51%,56%) |
#C8A656 |
rgb(200,166,86) |
hsl(42,51%,56%) |
#56B0C8 |
rgb(86,176,200) |
hsl(193,51%,56%) |
#B1C756 |
rgb(177,199,86) |
hsl(72,50%,56%) |