HEX #5678CA color — Indigo
The color #5678CA is a dark shade and moderately saturated.
Palette
5678CA color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(222,52%,96%) |
#dce3f4 |
rgb(220,227,244) |
hsl(222,52%,91%) |
#c9d4ee |
rgb(201,212,238) |
hsl(222,52%,86%) |
#b5c4e8 |
rgb(181,196,232) |
hsl(222,52%,81%) |
#a2b5e2 |
rgb(162,181,226) |
hsl(222,52%,76%) |
#8fa6dc |
rgb(143,166,220) |
hsl(222,52%,71%) |
#7b96d5 |
rgb(123,150,213) |
hsl(222,52%,66%) |
#6887cf |
rgb(104,135,207) |
hsl(222,52%,61%) |
#5477c9 |
rgb(84,119,201) |
hsl(222,52%,56%) |
#4168c3 |
rgb(65,104,195) |
hsl(222,52%,51%) |
#385db2 |
rgb(56,93,178) |
hsl(222,52%,46%) |
#32539f |
rgb(50,83,159) |
hsl(222,52%,41%) |
#2c498c |
rgb(44,73,140) |
hsl(222,52%,36%) |
#263f78 |
rgb(38,63,120) |
hsl(222,52%,31%) |
#203565 |
rgb(32,53,101) |
hsl(222,52%,26%) |
#1a2a51 |
rgb(26,42,81) |
hsl(222,52%,21%) |
#14203e |
rgb(20,32,62) |
hsl(222,52%,16%) |
#0d162b |
rgb(13,22,43) |
hsl(222,52%,11%) |
#070c17 |
rgb(7,12,23) |
hsl(222,52%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C4CA |
rgb(86,196,202) |
hsl(183,52%,56%) |
#5678CA |
rgb(86,120,202) |
hsl(222,52%,56%) |
#8157CA |
rgb(129,87,202) |
hsl(262,52%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0E0 |
rgb(156,176,224) |
hsl(222,52%,75%) |
#7994D5 |
rgb(121,148,213) |
hsl(222,52%,65%) |
#5678CA |
rgb(86,120,202) |
hsl(222,52%,56%) |
#395EB8 |
rgb(57,94,184) |
hsl(223,53%,47%) |
#2E4D95 |
rgb(46,77,149) |
hsl(222,53%,38%) |
#233B72 |
rgb(35,59,114) |
hsl(222,53%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678CA |
rgb(86,120,202) |
hsl(222,52%,56%) |
#CA6E56 |
rgb(202,110,86) |
hsl(12,52%,56%) |
#B2C956 |
rgb(178,201,86) |
hsl(72,52%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678CA |
rgb(86,120,202) |
hsl(222,52%,56%) |
#CAA856 |
rgb(202,168,86) |
hsl(42,52%,56%) |
#56B3CA |
rgb(86,179,202) |
hsl(192,52%,56%) |
#B2C956 |
rgb(178,201,86) |
hsl(72,52%,56%) |