HEX #557DC4 color — Indigo
The color #557DC4 is a dark shade and moderately saturated.
Palette
557DC4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(218,48%,95%) |
| #d9e2f2 |
rgb(217,226,242) |
hsl(218,48%,90%) |
| #c6d4eb |
rgb(198,212,235) |
hsl(218,48%,85%) |
| #b4c5e4 |
rgb(180,197,228) |
hsl(218,48%,80%) |
| #a1b7de |
rgb(161,183,222) |
hsl(218,48%,75%) |
| #8ea9d7 |
rgb(142,169,215) |
hsl(218,48%,70%) |
| #7b9ad1 |
rgb(123,154,209) |
hsl(218,48%,65%) |
| #688cca |
rgb(104,140,202) |
hsl(218,48%,60%) |
| #557ec3 |
rgb(85,126,195) |
hsl(218,48%,55%) |
| #426fbd |
rgb(66,111,189) |
hsl(218,48%,50%) |
| #3c64aa |
rgb(60,100,170) |
hsl(218,48%,45%) |
| #355997 |
rgb(53,89,151) |
hsl(218,48%,40%) |
| #2e4e84 |
rgb(46,78,132) |
hsl(218,48%,35%) |
| #284371 |
rgb(40,67,113) |
hsl(218,48%,30%) |
| #21385e |
rgb(33,56,94) |
hsl(218,48%,25%) |
| #1b2c4b |
rgb(27,44,75) |
hsl(218,48%,20%) |
| #142139 |
rgb(20,33,57) |
hsl(218,48%,15%) |
| #0d1626 |
rgb(13,22,38) |
hsl(218,48%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(218,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C4C1 |
rgb(85,196,193) |
hsl(178,48%,55%) |
| #557DC4 |
rgb(85,125,196) |
hsl(218,48%,55%) |
| #7754C4 |
rgb(119,84,196) |
hsl(259,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97B0DB |
rgb(151,176,219) |
hsl(218,49%,73%) |
| #7696CF |
rgb(118,150,207) |
hsl(218,48%,64%) |
| #557DC4 |
rgb(85,125,196) |
hsl(218,48%,55%) |
| #3C66AF |
rgb(60,102,175) |
hsl(218,49%,46%) |
| #31528D |
rgb(49,82,141) |
hsl(218,48%,37%) |
| #25406C |
rgb(37,64,108) |
hsl(217,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557DC4 |
rgb(85,125,196) |
hsl(218,48%,55%) |
| #C46355 |
rgb(196,99,85) |
hsl(8,48%,55%) |
| #B4C455 |
rgb(180,196,85) |
hsl(69,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557DC4 |
rgb(85,125,196) |
hsl(218,48%,55%) |
| #C49C55 |
rgb(196,156,85) |
hsl(38,48%,55%) |
| #55B5C4 |
rgb(85,181,196) |
hsl(188,48%,55%) |
| #B4C455 |
rgb(180,196,85) |
hsl(69,48%,55%) |
