HEX #5578C6 color — Indigo
The color #5578C6 is a dark shade and moderately saturated.
Palette
5578C6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f9 |
rgb(236,240,249) |
hsl(221,50%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(221,50%,90%) |
| #c6d2ec |
rgb(198,210,236) |
hsl(221,50%,85%) |
| #b3c3e6 |
rgb(179,195,230) |
hsl(221,50%,80%) |
| #9fb4df |
rgb(159,180,223) |
hsl(221,50%,75%) |
| #8ca4d9 |
rgb(140,164,217) |
hsl(221,50%,70%) |
| #7995d2 |
rgb(121,149,210) |
hsl(221,50%,65%) |
| #6686cc |
rgb(102,134,204) |
hsl(221,50%,60%) |
| #5377c6 |
rgb(83,119,198) |
hsl(221,50%,55%) |
| #4068bf |
rgb(64,104,191) |
hsl(221,50%,50%) |
| #395eac |
rgb(57,94,172) |
hsl(221,50%,45%) |
| #335399 |
rgb(51,83,153) |
hsl(221,50%,40%) |
| #2d4986 |
rgb(45,73,134) |
hsl(221,50%,35%) |
| #263e73 |
rgb(38,62,115) |
hsl(221,50%,30%) |
| #203460 |
rgb(32,52,96) |
hsl(221,50%,25%) |
| #1a2a4d |
rgb(26,42,77) |
hsl(221,50%,20%) |
| #131f39 |
rgb(19,31,57) |
hsl(221,50%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(221,50%,10%) |
| #060a13 |
rgb(6,10,19) |
hsl(221,50%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C4C6 |
rgb(85,196,198) |
hsl(181,50%,55%) |
| #5578C6 |
rgb(85,120,198) |
hsl(221,50%,55%) |
| #7D54C6 |
rgb(125,84,198) |
hsl(262,50%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98ADDC |
rgb(152,173,220) |
hsl(221,49%,73%) |
| #7694D1 |
rgb(118,148,209) |
hsl(220,50%,64%) |
| #5578C6 |
rgb(85,120,198) |
hsl(221,50%,55%) |
| #3B61B2 |
rgb(59,97,178) |
hsl(221,50%,46%) |
| #304F90 |
rgb(48,79,144) |
hsl(221,50%,38%) |
| #243B6E |
rgb(36,59,110) |
hsl(221,51%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5578C6 |
rgb(85,120,198) |
hsl(221,50%,55%) |
| #C66B55 |
rgb(198,107,85) |
hsl(12,50%,55%) |
| #B0C755 |
rgb(176,199,85) |
hsl(72,50%,56%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5578C6 |
rgb(85,120,198) |
hsl(221,50%,55%) |
| #C6A355 |
rgb(198,163,85) |
hsl(41,50%,55%) |
| #55B0C6 |
rgb(85,176,198) |
hsl(192,50%,55%) |
| #B0C755 |
rgb(176,199,85) |
hsl(72,50%,56%) |
