HEX #557DC6 color — Indigo
The color #557DC6 is a dark shade and moderately saturated.
Palette
557DC6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f9 |
rgb(236,240,249) |
hsl(219,50%,95%) |
| #d9e2f2 |
rgb(217,226,242) |
hsl(219,50%,90%) |
| #c6d3ec |
rgb(198,211,236) |
hsl(219,50%,85%) |
| #b3c4e6 |
rgb(179,196,230) |
hsl(219,50%,80%) |
| #9fb6df |
rgb(159,182,223) |
hsl(219,50%,75%) |
| #8ca7d9 |
rgb(140,167,217) |
hsl(219,50%,70%) |
| #7998d2 |
rgb(121,152,210) |
hsl(219,50%,65%) |
| #668acc |
rgb(102,138,204) |
hsl(219,50%,60%) |
| #537bc6 |
rgb(83,123,198) |
hsl(219,50%,55%) |
| #406cbf |
rgb(64,108,191) |
hsl(219,50%,50%) |
| #3962ac |
rgb(57,98,172) |
hsl(219,50%,45%) |
| #335799 |
rgb(51,87,153) |
hsl(219,50%,40%) |
| #2d4c86 |
rgb(45,76,134) |
hsl(219,50%,35%) |
| #264173 |
rgb(38,65,115) |
hsl(219,50%,30%) |
| #203660 |
rgb(32,54,96) |
hsl(219,50%,25%) |
| #1a2b4d |
rgb(26,43,77) |
hsl(219,50%,20%) |
| #132139 |
rgb(19,33,57) |
hsl(219,50%,15%) |
| #0d1626 |
rgb(13,22,38) |
hsl(219,50%,10%) |
| #060b13 |
rgb(6,11,19) |
hsl(219,50%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C7C3 |
rgb(85,199,195) |
hsl(178,50%,56%) |
| #557DC6 |
rgb(85,125,198) |
hsl(219,50%,55%) |
| #7854C6 |
rgb(120,84,198) |
hsl(259,50%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B0DC |
rgb(152,176,220) |
hsl(219,49%,73%) |
| #7696D1 |
rgb(118,150,209) |
hsl(219,50%,64%) |
| #557DC6 |
rgb(85,125,198) |
hsl(219,50%,55%) |
| #3B66B2 |
rgb(59,102,178) |
hsl(218,50%,46%) |
| #305290 |
rgb(48,82,144) |
hsl(219,50%,38%) |
| #24406E |
rgb(36,64,110) |
hsl(217,51%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557DC6 |
rgb(85,125,198) |
hsl(219,50%,55%) |
| #C66655 |
rgb(198,102,85) |
hsl(9,50%,55%) |
| #B5C755 |
rgb(181,199,85) |
hsl(69,50%,56%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557DC6 |
rgb(85,125,198) |
hsl(219,50%,55%) |
| #C69E55 |
rgb(198,158,85) |
hsl(39,50%,55%) |
| #55B5C6 |
rgb(85,181,198) |
hsl(189,50%,55%) |
| #B5C755 |
rgb(181,199,85) |
hsl(69,50%,56%) |
