HEX #557AC4 color — Indigo
The color #557AC4 is a dark shade and moderately saturated.
Palette
557AC4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(220,48%,95%) |
#d9e1f2 |
rgb(217,225,242) |
hsl(220,48%,90%) |
#c6d3eb |
rgb(198,211,235) |
hsl(220,48%,85%) |
#b4c4e4 |
rgb(180,196,228) |
hsl(220,48%,80%) |
#a1b5de |
rgb(161,181,222) |
hsl(220,48%,75%) |
#8ea6d7 |
rgb(142,166,215) |
hsl(220,48%,70%) |
#7b97d1 |
rgb(123,151,209) |
hsl(220,48%,65%) |
#6889ca |
rgb(104,137,202) |
hsl(220,48%,60%) |
#557ac3 |
rgb(85,122,195) |
hsl(220,48%,55%) |
#426bbd |
rgb(66,107,189) |
hsl(220,48%,50%) |
#3c60aa |
rgb(60,96,170) |
hsl(220,48%,45%) |
#355697 |
rgb(53,86,151) |
hsl(220,48%,40%) |
#2e4b84 |
rgb(46,75,132) |
hsl(220,48%,35%) |
#284071 |
rgb(40,64,113) |
hsl(220,48%,30%) |
#21365e |
rgb(33,54,94) |
hsl(220,48%,25%) |
#1b2b4b |
rgb(27,43,75) |
hsl(220,48%,20%) |
#142039 |
rgb(20,32,57) |
hsl(220,48%,15%) |
#0d1526 |
rgb(13,21,38) |
hsl(220,48%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(220,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C4C4 |
rgb(85,196,196) |
hsl(180,48%,55%) |
#557AC4 |
rgb(85,122,196) |
hsl(220,48%,55%) |
#7A54C4 |
rgb(122,84,196) |
hsl(260,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97ADDB |
rgb(151,173,219) |
hsl(221,49%,73%) |
#7694CF |
rgb(118,148,207) |
hsl(220,48%,64%) |
#557AC4 |
rgb(85,122,196) |
hsl(220,48%,55%) |
#3C63AF |
rgb(60,99,175) |
hsl(220,49%,46%) |
#314F8D |
rgb(49,79,141) |
hsl(220,48%,37%) |
#253D6C |
rgb(37,61,108) |
hsl(220,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#557AC4 |
rgb(85,122,196) |
hsl(220,48%,55%) |
#C46955 |
rgb(196,105,85) |
hsl(11,48%,55%) |
#B1C455 |
rgb(177,196,85) |
hsl(70,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557AC4 |
rgb(85,122,196) |
hsl(220,48%,55%) |
#C49E55 |
rgb(196,158,85) |
hsl(39,48%,55%) |
#55B3C4 |
rgb(85,179,196) |
hsl(189,48%,55%) |
#B1C455 |
rgb(177,196,85) |
hsl(70,48%,55%) |