HEX #557AC6 color — Indigo
The color #557AC6 is a dark shade and moderately saturated.
Palette
557AC6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f9 |
rgb(236,240,249) |
hsl(220,50%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(220,50%,90%) |
| #c6d2ec |
rgb(198,210,236) |
hsl(220,50%,85%) |
| #b3c4e6 |
rgb(179,196,230) |
hsl(220,50%,80%) |
| #9fb5df |
rgb(159,181,223) |
hsl(220,50%,75%) |
| #8ca6d9 |
rgb(140,166,217) |
hsl(220,50%,70%) |
| #7997d2 |
rgb(121,151,210) |
hsl(220,50%,65%) |
| #6688cc |
rgb(102,136,204) |
hsl(220,50%,60%) |
| #5379c6 |
rgb(83,121,198) |
hsl(220,50%,55%) |
| #406abf |
rgb(64,106,191) |
hsl(220,50%,50%) |
| #3960ac |
rgb(57,96,172) |
hsl(220,50%,45%) |
| #335599 |
rgb(51,85,153) |
hsl(220,50%,40%) |
| #2d4a86 |
rgb(45,74,134) |
hsl(220,50%,35%) |
| #264073 |
rgb(38,64,115) |
hsl(220,50%,30%) |
| #203560 |
rgb(32,53,96) |
hsl(220,50%,25%) |
| #1a2b4d |
rgb(26,43,77) |
hsl(220,50%,20%) |
| #132039 |
rgb(19,32,57) |
hsl(220,50%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(220,50%,10%) |
| #060b13 |
rgb(6,11,19) |
hsl(220,50%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C4C6 |
rgb(85,196,198) |
hsl(181,50%,55%) |
| #557AC6 |
rgb(85,122,198) |
hsl(220,50%,55%) |
| #7B54C6 |
rgb(123,84,198) |
hsl(261,50%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B0DC |
rgb(152,176,220) |
hsl(219,49%,73%) |
| #7694D1 |
rgb(118,148,209) |
hsl(220,50%,64%) |
| #557AC6 |
rgb(85,122,198) |
hsl(220,50%,55%) |
| #3B63B2 |
rgb(59,99,178) |
hsl(220,50%,46%) |
| #304F90 |
rgb(48,79,144) |
hsl(221,50%,38%) |
| #243D6E |
rgb(36,61,110) |
hsl(220,51%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557AC6 |
rgb(85,122,198) |
hsl(220,50%,55%) |
| #C66955 |
rgb(198,105,85) |
hsl(11,50%,55%) |
| #B2C755 |
rgb(178,199,85) |
hsl(71,50%,56%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557AC6 |
rgb(85,122,198) |
hsl(220,50%,55%) |
| #C6A155 |
rgb(198,161,85) |
hsl(40,50%,55%) |
| #55B3C6 |
rgb(85,179,198) |
hsl(190,50%,55%) |
| #B2C755 |
rgb(178,199,85) |
hsl(71,50%,56%) |
