HEX #557FC3 color — Indigo
The color #557fc3 is a dark shade and moderately saturated.
Palette
557fc3 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(217,48%,95%) |
| #d9e3f2 |
rgb(217,227,242) |
hsl(217,48%,90%) |
| #c6d4eb |
rgb(198,212,235) |
hsl(217,48%,85%) |
| #b4c6e4 |
rgb(180,198,228) |
hsl(217,48%,80%) |
| #a1b8de |
rgb(161,184,222) |
hsl(217,48%,75%) |
| #8eaad7 |
rgb(142,170,215) |
hsl(217,48%,70%) |
| #7b9cd1 |
rgb(123,156,209) |
hsl(217,48%,65%) |
| #688eca |
rgb(104,142,202) |
hsl(217,48%,60%) |
| #557fc3 |
rgb(85,127,195) |
hsl(217,48%,55%) |
| #4271bd |
rgb(66,113,189) |
hsl(217,48%,50%) |
| #3c66aa |
rgb(60,102,170) |
hsl(217,48%,45%) |
| #355b97 |
rgb(53,91,151) |
hsl(217,48%,40%) |
| #2e4f84 |
rgb(46,79,132) |
hsl(217,48%,35%) |
| #284471 |
rgb(40,68,113) |
hsl(217,48%,30%) |
| #21395e |
rgb(33,57,94) |
hsl(217,48%,25%) |
| #1b2d4b |
rgb(27,45,75) |
hsl(217,48%,20%) |
| #142239 |
rgb(20,34,57) |
hsl(217,48%,15%) |
| #0d1726 |
rgb(13,23,38) |
hsl(217,48%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(217,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55C2BD |
rgb(85,194,189) |
hsl(177,47%,55%) |
| #557FC3 |
rgb(85,127,195) |
hsl(217,48%,55%) |
| #7454C3 |
rgb(116,84,195) |
hsl(257,48%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97B0DA |
rgb(151,176,218) |
hsl(218,48%,72%) |
| #7699CE |
rgb(118,153,206) |
hsl(216,47%,64%) |
| #557FC3 |
rgb(85,127,195) |
hsl(217,48%,55%) |
| #3D69AD |
rgb(61,105,173) |
hsl(216,48%,46%) |
| #31548C |
rgb(49,84,140) |
hsl(217,48%,37%) |
| #25406B |
rgb(37,64,107) |
hsl(217,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #557FC3 |
rgb(85,127,195) |
hsl(217,48%,55%) |
| #C36155 |
rgb(195,97,85) |
hsl(7,48%,55%) |
| #B6C255 |
rgb(182,194,85) |
hsl(67,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #557FC3 |
rgb(85,127,195) |
hsl(217,48%,55%) |
| #C39955 |
rgb(195,153,85) |
hsl(37,48%,55%) |
| #55B5C3 |
rgb(85,181,195) |
hsl(188,48%,55%) |
| #B6C255 |
rgb(182,194,85) |
hsl(67,47%,55%) |
