HEX #5578C3 color — Indigo
The color #5578C3 is a dark shade and moderately saturated.
Palette
5578C3 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(221,48%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(221,48%,90%) |
| #c6d2eb |
rgb(198,210,235) |
hsl(221,48%,85%) |
| #b4c3e4 |
rgb(180,195,228) |
hsl(221,48%,80%) |
| #a1b4de |
rgb(161,180,222) |
hsl(221,48%,75%) |
| #8ea5d7 |
rgb(142,165,215) |
hsl(221,48%,70%) |
| #7b96d1 |
rgb(123,150,209) |
hsl(221,48%,65%) |
| #6887ca |
rgb(104,135,202) |
hsl(221,48%,60%) |
| #5578c3 |
rgb(85,120,195) |
hsl(221,48%,55%) |
| #4269bd |
rgb(66,105,189) |
hsl(221,48%,50%) |
| #3c5faa |
rgb(60,95,170) |
hsl(221,48%,45%) |
| #355497 |
rgb(53,84,151) |
hsl(221,48%,40%) |
| #2e4a84 |
rgb(46,74,132) |
hsl(221,48%,35%) |
| #283f71 |
rgb(40,63,113) |
hsl(221,48%,30%) |
| #21355e |
rgb(33,53,94) |
hsl(221,48%,25%) |
| #1b2a4b |
rgb(27,42,75) |
hsl(221,48%,20%) |
| #142039 |
rgb(20,32,57) |
hsl(221,48%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(221,48%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(221,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C2C3 |
rgb(85,194,195) |
hsl(181,48%,55%) |
| #5578C3 |
rgb(85,120,195) |
hsl(221,48%,55%) |
| #7B54C3 |
rgb(123,84,195) |
hsl(261,48%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97ADDA |
rgb(151,173,218) |
hsl(220,48%,72%) |
| #7691CE |
rgb(118,145,206) |
hsl(222,47%,64%) |
| #5578C3 |
rgb(85,120,195) |
hsl(221,48%,55%) |
| #3D61AD |
rgb(61,97,173) |
hsl(221,48%,46%) |
| #314F8C |
rgb(49,79,140) |
hsl(220,48%,37%) |
| #253D6B |
rgb(37,61,107) |
hsl(219,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5578C3 |
rgb(85,120,195) |
hsl(221,48%,55%) |
| #C36955 |
rgb(195,105,85) |
hsl(11,48%,55%) |
| #AFC255 |
rgb(175,194,85) |
hsl(70,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5578C3 |
rgb(85,120,195) |
hsl(221,48%,55%) |
| #C3A155 |
rgb(195,161,85) |
hsl(41,48%,55%) |
| #55B0C3 |
rgb(85,176,195) |
hsl(190,48%,55%) |
| #AFC255 |
rgb(175,194,85) |
hsl(70,47%,55%) |
