HEX #5978C5 color — Indigo
The color #5978C5 is a dark shade and moderately saturated.
Palette
5978C5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(223,48%,96%) |
#dde3f3 |
rgb(221,227,243) |
hsl(223,48%,91%) |
#cad4ec |
rgb(202,212,236) |
hsl(223,48%,86%) |
#b7c4e6 |
rgb(183,196,230) |
hsl(223,48%,81%) |
#a4b5df |
rgb(164,181,223) |
hsl(223,48%,76%) |
#92a6d9 |
rgb(146,166,217) |
hsl(223,48%,71%) |
#7f96d2 |
rgb(127,150,210) |
hsl(223,48%,66%) |
#6c87cb |
rgb(108,135,203) |
hsl(223,48%,61%) |
#5977c5 |
rgb(89,119,197) |
hsl(223,48%,56%) |
#4668be |
rgb(70,104,190) |
hsl(223,48%,51%) |
#3d5dae |
rgb(61,93,174) |
hsl(223,48%,46%) |
#36539b |
rgb(54,83,155) |
hsl(223,48%,41%) |
#304988 |
rgb(48,73,136) |
hsl(223,48%,36%) |
#293f75 |
rgb(41,63,117) |
hsl(223,48%,31%) |
#223562 |
rgb(34,53,98) |
hsl(223,48%,26%) |
#1c2a4f |
rgb(28,42,79) |
hsl(223,48%,21%) |
#15203c |
rgb(21,32,60) |
hsl(223,48%,16%) |
#0f162a |
rgb(15,22,42) |
hsl(223,48%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(223,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#59BFC5 |
rgb(89,191,197) |
hsl(183,48%,56%) |
#5978C5 |
rgb(89,120,197) |
hsl(223,48%,56%) |
#8259C5 |
rgb(130,89,197) |
hsl(263,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0DC |
rgb(156,176,220) |
hsl(221,48%,74%) |
#7A94D0 |
rgb(122,148,208) |
hsl(222,48%,65%) |
#5978C5 |
rgb(89,120,197) |
hsl(223,48%,56%) |
#3E5EB2 |
rgb(62,94,178) |
hsl(223,48%,47%) |
#324D90 |
rgb(50,77,144) |
hsl(223,48%,38%) |
#263B6E |
rgb(38,59,110) |
hsl(223,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5978C5 |
rgb(89,120,197) |
hsl(223,48%,56%) |
#C57059 |
rgb(197,112,89) |
hsl(13,48%,56%) |
#AEC459 |
rgb(174,196,89) |
hsl(72,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5978C5 |
rgb(89,120,197) |
hsl(223,48%,56%) |
#C5A659 |
rgb(197,166,89) |
hsl(43,48%,56%) |
#59ADC5 |
rgb(89,173,197) |
hsl(193,48%,56%) |
#AEC459 |
rgb(174,196,89) |
hsl(72,48%,56%) |