HEX #557AC1 color — Indigo
The color #557AC1 is a dark shade and moderately saturated.
Palette
557AC1 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(219,47%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(219,47%,90%) |
#c7d3eb |
rgb(199,211,235) |
hsl(219,47%,85%) |
#b4c5e4 |
rgb(180,197,228) |
hsl(219,47%,80%) |
#a1b6dd |
rgb(161,182,221) |
hsl(219,47%,75%) |
#8fa8d6 |
rgb(143,168,214) |
hsl(219,47%,70%) |
#7c99d0 |
rgb(124,153,208) |
hsl(219,47%,65%) |
#698bc9 |
rgb(105,139,201) |
hsl(219,47%,60%) |
#567cc2 |
rgb(86,124,194) |
hsl(219,47%,55%) |
#446ebb |
rgb(68,110,187) |
hsl(219,47%,50%) |
#3d63a9 |
rgb(61,99,169) |
hsl(219,47%,45%) |
#365896 |
rgb(54,88,150) |
hsl(219,47%,40%) |
#2f4d83 |
rgb(47,77,131) |
hsl(219,47%,35%) |
#294270 |
rgb(41,66,112) |
hsl(219,47%,30%) |
#22375e |
rgb(34,55,94) |
hsl(219,47%,25%) |
#1b2c4b |
rgb(27,44,75) |
hsl(219,47%,20%) |
#142138 |
rgb(20,33,56) |
hsl(219,47%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(219,47%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(219,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C2C0 |
rgb(85,194,192) |
hsl(179,47%,55%) |
#557AC1 |
rgb(85,122,193) |
hsl(219,47%,55%) |
#7854C1 |
rgb(120,84,193) |
hsl(260,47%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96ADD8 |
rgb(150,173,216) |
hsl(219,46%,72%) |
#7594CC |
rgb(117,148,204) |
hsl(219,46%,63%) |
#557AC1 |
rgb(85,122,193) |
hsl(219,47%,55%) |
#3E63AB |
rgb(62,99,171) |
hsl(220,47%,46%) |
#32528A |
rgb(50,82,138) |
hsl(218,47%,37%) |
#263D69 |
rgb(38,61,105) |
hsl(219,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#557AC1 |
rgb(85,122,193) |
hsl(219,47%,55%) |
#C16655 |
rgb(193,102,85) |
hsl(9,47%,55%) |
#B0C255 |
rgb(176,194,85) |
hsl(70,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557AC1 |
rgb(85,122,193) |
hsl(219,47%,55%) |
#C19C55 |
rgb(193,156,85) |
hsl(39,47%,55%) |
#55B0C1 |
rgb(85,176,193) |
hsl(189,47%,55%) |
#B0C255 |
rgb(176,194,85) |
hsl(70,47%,55%) |