HEX #557CC3 color — Indigo
The color #557cc3 is a dark shade and moderately saturated.
Palette
557cc3 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(219,48%,95%) |
| #d9e2f2 |
rgb(217,226,242) |
hsl(219,48%,90%) |
| #c6d3eb |
rgb(198,211,235) |
hsl(219,48%,85%) |
| #b4c5e4 |
rgb(180,197,228) |
hsl(219,48%,80%) |
| #a1b6de |
rgb(161,182,222) |
hsl(219,48%,75%) |
| #8ea7d7 |
rgb(142,167,215) |
hsl(219,48%,70%) |
| #7b99d1 |
rgb(123,153,209) |
hsl(219,48%,65%) |
| #688aca |
rgb(104,138,202) |
hsl(219,48%,60%) |
| #557cc3 |
rgb(85,124,195) |
hsl(219,48%,55%) |
| #426dbd |
rgb(66,109,189) |
hsl(219,48%,50%) |
| #3c62aa |
rgb(60,98,170) |
hsl(219,48%,45%) |
| #355797 |
rgb(53,87,151) |
hsl(219,48%,40%) |
| #2e4c84 |
rgb(46,76,132) |
hsl(219,48%,35%) |
| #284171 |
rgb(40,65,113) |
hsl(219,48%,30%) |
| #21375e |
rgb(33,55,94) |
hsl(219,48%,25%) |
| #1b2c4b |
rgb(27,44,75) |
hsl(219,48%,20%) |
| #142139 |
rgb(20,33,57) |
hsl(219,48%,15%) |
| #0d1626 |
rgb(13,22,38) |
hsl(219,48%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(219,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C2C0 |
rgb(85,194,192) |
hsl(179,47%,55%) |
| #557CC3 |
rgb(85,124,195) |
hsl(219,48%,55%) |
| #7754C3 |
rgb(119,84,195) |
hsl(259,48%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97B0DA |
rgb(151,176,218) |
hsl(218,48%,72%) |
| #7696CE |
rgb(118,150,206) |
hsl(218,47%,64%) |
| #557CC3 |
rgb(85,124,195) |
hsl(219,48%,55%) |
| #3D66AD |
rgb(61,102,173) |
hsl(218,48%,46%) |
| #31528C |
rgb(49,82,140) |
hsl(218,48%,37%) |
| #25406B |
rgb(37,64,107) |
hsl(217,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557CC3 |
rgb(85,124,195) |
hsl(219,48%,55%) |
| #C36655 |
rgb(195,102,85) |
hsl(9,48%,55%) |
| #B3C255 |
rgb(179,194,85) |
hsl(68,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557CC3 |
rgb(85,124,195) |
hsl(219,48%,55%) |
| #C39C55 |
rgb(195,156,85) |
hsl(39,48%,55%) |
| #55B3C3 |
rgb(85,179,195) |
hsl(189,48%,55%) |
| #B3C255 |
rgb(179,194,85) |
hsl(68,47%,55%) |
