HEX #5678CD color — Indigo
The color #5678cd is a dark shade and moderately saturated.
Palette
5678cd color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(223,54%,97%) |
#e0e6f6 |
rgb(224,230,246) |
hsl(223,54%,92%) |
#ccd6f0 |
rgb(204,214,240) |
hsl(223,54%,87%) |
#b8c6ea |
rgb(184,198,234) |
hsl(223,54%,82%) |
#a5b7e4 |
rgb(165,183,228) |
hsl(223,54%,77%) |
#91a7de |
rgb(145,167,222) |
hsl(223,54%,72%) |
#7d97d8 |
rgb(125,151,216) |
hsl(223,54%,67%) |
#6a87d2 |
rgb(106,135,210) |
hsl(223,54%,62%) |
#5678cd |
rgb(86,120,205) |
hsl(223,54%,57%) |
#4368c7 |
rgb(67,104,199) |
hsl(223,54%,52%) |
#375cb9 |
rgb(55,92,185) |
hsl(223,54%,47%) |
#3152a5 |
rgb(49,82,165) |
hsl(223,54%,42%) |
#2b4891 |
rgb(43,72,145) |
hsl(223,54%,37%) |
#263f7e |
rgb(38,63,126) |
hsl(223,54%,32%) |
#20356a |
rgb(32,53,106) |
hsl(223,54%,27%) |
#1a2b56 |
rgb(26,43,86) |
hsl(223,54%,22%) |
#142143 |
rgb(20,33,67) |
hsl(223,54%,17%) |
#0e172f |
rgb(14,23,47) |
hsl(223,54%,12%) |
#080e1b |
rgb(8,14,27) |
hsl(223,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C7CD |
rgb(86,199,205) |
hsl(183,54%,57%) |
#5678CD |
rgb(86,120,205) |
hsl(223,54%,57%) |
#8357CD |
rgb(131,87,205) |
hsl(262,54%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DB3E2 |
rgb(157,179,226) |
hsl(221,54%,75%) |
#7994D7 |
rgb(121,148,215) |
hsl(223,54%,66%) |
#5678CD |
rgb(86,120,205) |
hsl(223,54%,57%) |
#375EBC |
rgb(55,94,188) |
hsl(222,55%,48%) |
#2D4D98 |
rgb(45,77,152) |
hsl(222,54%,39%) |
#223B74 |
rgb(34,59,116) |
hsl(222,55%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678CD |
rgb(86,120,205) |
hsl(223,54%,57%) |
#CD7056 |
rgb(205,112,86) |
hsl(13,54%,57%) |
#B3CC56 |
rgb(179,204,86) |
hsl(73,54%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678CD |
rgb(86,120,205) |
hsl(223,54%,57%) |
#CDAB56 |
rgb(205,171,86) |
hsl(43,54%,57%) |
#56B3CD |
rgb(86,179,205) |
hsl(193,54%,57%) |
#B3CC56 |
rgb(179,204,86) |
hsl(73,54%,57%) |