HEX #5978D0 color — Indigo
The color #5978D0 is a dark shade and moderately saturated.
Palette
5978D0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(224,56%,98%) |
#e3e8f7 |
rgb(227,232,247) |
hsl(224,56%,93%) |
#cfd8f2 |
rgb(207,216,242) |
hsl(224,56%,88%) |
#bbc8ec |
rgb(187,200,236) |
hsl(224,56%,83%) |
#a7b8e6 |
rgb(167,184,230) |
hsl(224,56%,78%) |
#94a8e1 |
rgb(148,168,225) |
hsl(224,56%,73%) |
#8098db |
rgb(128,152,219) |
hsl(224,56%,68%) |
#6c88d5 |
rgb(108,136,213) |
hsl(224,56%,63%) |
#5878d0 |
rgb(88,120,208) |
hsl(224,56%,58%) |
#4468ca |
rgb(68,104,202) |
hsl(224,56%,53%) |
#365abf |
rgb(54,90,191) |
hsl(224,56%,48%) |
#3051ab |
rgb(48,81,171) |
hsl(224,56%,43%) |
#2b4897 |
rgb(43,72,151) |
hsl(224,56%,38%) |
#253e83 |
rgb(37,62,131) |
hsl(224,56%,33%) |
#1f356f |
rgb(31,53,111) |
hsl(224,56%,28%) |
#1a2b5b |
rgb(26,43,91) |
hsl(224,56%,23%) |
#142248 |
rgb(20,34,72) |
hsl(224,56%,18%) |
#0f1834 |
rgb(15,24,52) |
hsl(224,56%,13%) |
#090f20 |
rgb(9,15,32) |
hsl(224,56%,8%) |
#03060c |
rgb(3,6,12) |
hsl(224,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#59C7D0 |
rgb(89,199,208) |
hsl(185,56%,58%) |
#5978D0 |
rgb(89,120,208) |
hsl(224,56%,58%) |
#8959D0 |
rgb(137,89,208) |
hsl(264,56%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3B5E4 |
rgb(163,181,228) |
hsl(223,55%,77%) |
#7E96DA |
rgb(126,150,218) |
hsl(224,55%,67%) |
#5978D0 |
rgb(89,120,208) |
hsl(224,56%,58%) |
#375CC2 |
rgb(55,92,194) |
hsl(224,56%,49%) |
#2C4A9D |
rgb(44,74,157) |
hsl(224,56%,39%) |
#223878 |
rgb(34,56,120) |
hsl(225,56%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5978D0 |
rgb(89,120,208) |
hsl(224,56%,58%) |
#D07559 |
rgb(208,117,89) |
hsl(14,56%,58%) |
#B3D159 |
rgb(179,209,89) |
hsl(75,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5978D0 |
rgb(89,120,208) |
hsl(224,56%,58%) |
#D0B059 |
rgb(208,176,89) |
hsl(44,56%,58%) |
#59B3D0 |
rgb(89,179,208) |
hsl(195,56%,58%) |
#B3D159 |
rgb(179,209,89) |
hsl(75,57%,58%) |