HEX #557AC5 color — Indigo
The color #557AC5 is a dark shade and moderately saturated.
Palette
557AC5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(220,49%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(220,49%,90%) |
| #c6d3eb |
rgb(198,211,235) |
hsl(220,49%,85%) |
| #b3c4e5 |
rgb(179,196,229) |
hsl(220,49%,80%) |
| #a0b5de |
rgb(160,181,222) |
hsl(220,49%,75%) |
| #8da6d8 |
rgb(141,166,216) |
hsl(220,49%,70%) |
| #7a97d1 |
rgb(122,151,209) |
hsl(220,49%,65%) |
| #6788cb |
rgb(103,136,203) |
hsl(220,49%,60%) |
| #547ac4 |
rgb(84,122,196) |
hsl(220,49%,55%) |
| #416bbe |
rgb(65,107,190) |
hsl(220,49%,50%) |
| #3b60ab |
rgb(59,96,171) |
hsl(220,49%,45%) |
| #345598 |
rgb(52,85,152) |
hsl(220,49%,40%) |
| #2e4b85 |
rgb(46,75,133) |
hsl(220,49%,35%) |
| #274072 |
rgb(39,64,114) |
hsl(220,49%,30%) |
| #21355f |
rgb(33,53,95) |
hsl(220,49%,25%) |
| #1a2b4c |
rgb(26,43,76) |
hsl(220,49%,20%) |
| #142039 |
rgb(20,32,57) |
hsl(220,49%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(220,49%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(220,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C4C5 |
rgb(85,196,197) |
hsl(181,49%,55%) |
| #557AC5 |
rgb(85,122,197) |
hsl(220,49%,55%) |
| #7A54C5 |
rgb(122,84,197) |
hsl(260,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98ADDB |
rgb(152,173,219) |
hsl(221,48%,73%) |
| #7694D0 |
rgb(118,148,208) |
hsl(220,49%,64%) |
| #557AC5 |
rgb(85,122,197) |
hsl(220,49%,55%) |
| #3C63B0 |
rgb(60,99,176) |
hsl(220,49%,46%) |
| #304F8E |
rgb(48,79,142) |
hsl(220,49%,37%) |
| #253D6D |
rgb(37,61,109) |
hsl(220,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557AC5 |
rgb(85,122,197) |
hsl(220,49%,55%) |
| #C56955 |
rgb(197,105,85) |
hsl(11,49%,55%) |
| #B2C455 |
rgb(178,196,85) |
hsl(70,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557AC5 |
rgb(85,122,197) |
hsl(220,49%,55%) |
| #C5A155 |
rgb(197,161,85) |
hsl(41,49%,55%) |
| #55B3C5 |
rgb(85,179,197) |
hsl(190,49%,55%) |
| #B2C455 |
rgb(178,196,85) |
hsl(70,48%,55%) |
