HEX #5978BE color — Indigo
The color #5978BE is a dark shade and moderately saturated.
Palette
5978BE color palette from light to dark
HEX |
RGB |
HSL |
#edf0f8 |
rgb(237,240,248) |
hsl(222,44%,95%) |
#dae1f1 |
rgb(218,225,241) |
hsl(222,44%,90%) |
#c8d2ea |
rgb(200,210,234) |
hsl(222,44%,85%) |
#b6c3e2 |
rgb(182,195,226) |
hsl(222,44%,80%) |
#a3b4db |
rgb(163,180,219) |
hsl(222,44%,75%) |
#91a5d4 |
rgb(145,165,212) |
hsl(222,44%,70%) |
#7e96cd |
rgb(126,150,205) |
hsl(222,44%,65%) |
#6c87c6 |
rgb(108,135,198) |
hsl(222,44%,60%) |
#5a78bf |
rgb(90,120,191) |
hsl(222,44%,55%) |
#4769b8 |
rgb(71,105,184) |
hsl(222,44%,50%) |
#405fa5 |
rgb(64,95,165) |
hsl(222,44%,45%) |
#395493 |
rgb(57,84,147) |
hsl(222,44%,40%) |
#324a81 |
rgb(50,74,129) |
hsl(222,44%,35%) |
#2b3f6e |
rgb(43,63,110) |
hsl(222,44%,30%) |
#24355c |
rgb(36,53,92) |
hsl(222,44%,25%) |
#1d2a49 |
rgb(29,42,73) |
hsl(222,44%,20%) |
#152037 |
rgb(21,32,55) |
hsl(222,44%,15%) |
#0e1525 |
rgb(14,21,37) |
hsl(222,44%,10%) |
#070b12 |
rgb(7,11,18) |
hsl(222,44%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#59BABE |
rgb(89,186,190) |
hsl(182,44%,55%) |
#5978BE |
rgb(89,120,190) |
hsl(222,44%,55%) |
#7D59BE |
rgb(125,89,190) |
hsl(261,44%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ADD7 |
rgb(153,173,215) |
hsl(221,44%,72%) |
#7991CA |
rgb(121,145,202) |
hsl(222,43%,63%) |
#5978BE |
rgb(89,120,190) |
hsl(222,44%,55%) |
#4161A8 |
rgb(65,97,168) |
hsl(221,44%,46%) |
#354F88 |
rgb(53,79,136) |
hsl(221,44%,37%) |
#283D68 |
rgb(40,61,104) |
hsl(220,44%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5978BE |
rgb(89,120,190) |
hsl(222,44%,55%) |
#BE6E59 |
rgb(190,110,89) |
hsl(12,44%,55%) |
#AABF59 |
rgb(170,191,89) |
hsl(72,44%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5978BE |
rgb(89,120,190) |
hsl(222,44%,55%) |
#BE9E59 |
rgb(190,158,89) |
hsl(41,44%,55%) |
#59ABBE |
rgb(89,171,190) |
hsl(191,44%,55%) |
#AABF59 |
rgb(170,191,89) |
hsl(72,44%,55%) |