HEX #5978C2 color — Indigo
The color #5978C2 is a dark shade and moderately saturated.
Palette
5978C2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(222,46%,95%) |
#dae1f1 |
rgb(218,225,241) |
hsl(222,46%,90%) |
#c7d2ea |
rgb(199,210,234) |
hsl(222,46%,85%) |
#b5c3e3 |
rgb(181,195,227) |
hsl(222,46%,80%) |
#a2b4dd |
rgb(162,180,221) |
hsl(222,46%,75%) |
#8fa4d6 |
rgb(143,164,214) |
hsl(222,46%,70%) |
#7d95cf |
rgb(125,149,207) |
hsl(222,46%,65%) |
#6a86c8 |
rgb(106,134,200) |
hsl(222,46%,60%) |
#5777c1 |
rgb(87,119,193) |
hsl(222,46%,55%) |
#4568ba |
rgb(69,104,186) |
hsl(222,46%,50%) |
#3e5ea8 |
rgb(62,94,168) |
hsl(222,46%,45%) |
#375395 |
rgb(55,83,149) |
hsl(222,46%,40%) |
#304982 |
rgb(48,73,130) |
hsl(222,46%,35%) |
#293e70 |
rgb(41,62,112) |
hsl(222,46%,30%) |
#22345d |
rgb(34,52,93) |
hsl(222,46%,25%) |
#1c2a4a |
rgb(28,42,74) |
hsl(222,46%,20%) |
#151f38 |
rgb(21,31,56) |
hsl(222,46%,15%) |
#0e1525 |
rgb(14,21,37) |
hsl(222,46%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(222,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#59BFC2 |
rgb(89,191,194) |
hsl(182,46%,55%) |
#5978C2 |
rgb(89,120,194) |
hsl(222,46%,55%) |
#8059C2 |
rgb(128,89,194) |
hsl(262,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BADDA |
rgb(155,173,218) |
hsl(223,46%,73%) |
#7A94CE |
rgb(122,148,206) |
hsl(221,46%,64%) |
#5978C2 |
rgb(89,120,194) |
hsl(222,46%,55%) |
#3F61AD |
rgb(63,97,173) |
hsl(221,47%,46%) |
#334F8C |
rgb(51,79,140) |
hsl(221,47%,37%) |
#273B6B |
rgb(39,59,107) |
hsl(222,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5978C2 |
rgb(89,120,194) |
hsl(222,46%,55%) |
#C26E59 |
rgb(194,110,89) |
hsl(12,46%,55%) |
#ACC259 |
rgb(172,194,89) |
hsl(73,46%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5978C2 |
rgb(89,120,194) |
hsl(222,46%,55%) |
#C2A359 |
rgb(194,163,89) |
hsl(42,46%,55%) |
#59ADC2 |
rgb(89,173,194) |
hsl(192,46%,55%) |
#ACC259 |
rgb(172,194,89) |
hsl(73,46%,55%) |