HEX #557DC5 color — Indigo
The color #557DC5 is a dark shade and moderately saturated.
Palette
557DC5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(219,49%,95%) |
| #d9e2f2 |
rgb(217,226,242) |
hsl(219,49%,90%) |
| #c6d3eb |
rgb(198,211,235) |
hsl(219,49%,85%) |
| #b3c5e5 |
rgb(179,197,229) |
hsl(219,49%,80%) |
| #a0b6de |
rgb(160,182,222) |
hsl(219,49%,75%) |
| #8da7d8 |
rgb(141,167,216) |
hsl(219,49%,70%) |
| #7a99d1 |
rgb(122,153,209) |
hsl(219,49%,65%) |
| #678acb |
rgb(103,138,203) |
hsl(219,49%,60%) |
| #547bc4 |
rgb(84,123,196) |
hsl(219,49%,55%) |
| #416dbe |
rgb(65,109,190) |
hsl(219,49%,50%) |
| #3b62ab |
rgb(59,98,171) |
hsl(219,49%,45%) |
| #345798 |
rgb(52,87,152) |
hsl(219,49%,40%) |
| #2e4c85 |
rgb(46,76,133) |
hsl(219,49%,35%) |
| #274172 |
rgb(39,65,114) |
hsl(219,49%,30%) |
| #21365f |
rgb(33,54,95) |
hsl(219,49%,25%) |
| #1a2c4c |
rgb(26,44,76) |
hsl(219,49%,20%) |
| #142139 |
rgb(20,33,57) |
hsl(219,49%,15%) |
| #0d1626 |
rgb(13,22,38) |
hsl(219,49%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(219,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C4C2 |
rgb(85,196,194) |
hsl(179,48%,55%) |
| #557DC5 |
rgb(85,125,197) |
hsl(219,49%,55%) |
| #7754C5 |
rgb(119,84,197) |
hsl(259,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98B0DB |
rgb(152,176,219) |
hsl(219,48%,73%) |
| #7696D0 |
rgb(118,150,208) |
hsl(219,49%,64%) |
| #557DC5 |
rgb(85,125,197) |
hsl(219,49%,55%) |
| #3C66B0 |
rgb(60,102,176) |
hsl(218,49%,46%) |
| #30528E |
rgb(48,82,142) |
hsl(218,49%,37%) |
| #25406D |
rgb(37,64,109) |
hsl(218,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557DC5 |
rgb(85,125,197) |
hsl(219,49%,55%) |
| #C56655 |
rgb(197,102,85) |
hsl(9,49%,55%) |
| #B5C455 |
rgb(181,196,85) |
hsl(68,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557DC5 |
rgb(85,125,197) |
hsl(219,49%,55%) |
| #C59E55 |
rgb(197,158,85) |
hsl(39,49%,55%) |
| #55B5C5 |
rgb(85,181,197) |
hsl(189,49%,55%) |
| #B5C455 |
rgb(181,196,85) |
hsl(68,48%,55%) |
