HEX #577DC4 color — Indigo
The color #577DC4 is a dark shade and moderately saturated.
Palette
577DC4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(219,48%,95%) |
#d9e2f2 |
rgb(217,226,242) |
hsl(219,48%,90%) |
#c6d3eb |
rgb(198,211,235) |
hsl(219,48%,85%) |
#b4c5e4 |
rgb(180,197,228) |
hsl(219,48%,80%) |
#a1b6de |
rgb(161,182,222) |
hsl(219,48%,75%) |
#8ea7d7 |
rgb(142,167,215) |
hsl(219,48%,70%) |
#7b99d1 |
rgb(123,153,209) |
hsl(219,48%,65%) |
#688aca |
rgb(104,138,202) |
hsl(219,48%,60%) |
#557cc3 |
rgb(85,124,195) |
hsl(219,48%,55%) |
#426dbd |
rgb(66,109,189) |
hsl(219,48%,50%) |
#3c62aa |
rgb(60,98,170) |
hsl(219,48%,45%) |
#355797 |
rgb(53,87,151) |
hsl(219,48%,40%) |
#2e4c84 |
rgb(46,76,132) |
hsl(219,48%,35%) |
#284171 |
rgb(40,65,113) |
hsl(219,48%,30%) |
#21375e |
rgb(33,55,94) |
hsl(219,48%,25%) |
#1b2c4b |
rgb(27,44,75) |
hsl(219,48%,20%) |
#142139 |
rgb(20,33,57) |
hsl(219,48%,15%) |
#0d1626 |
rgb(13,22,38) |
hsl(219,48%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(219,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#57C4C2 |
rgb(87,196,194) |
hsl(179,48%,55%) |
#577DC4 |
rgb(87,125,196) |
hsl(219,48%,55%) |
#7957C4 |
rgb(121,87,196) |
hsl(259,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB0DB |
rgb(154,176,219) |
hsl(220,47%,73%) |
#7896CF |
rgb(120,150,207) |
hsl(219,48%,64%) |
#577DC4 |
rgb(87,125,196) |
hsl(219,48%,55%) |
#3D66AF |
rgb(61,102,175) |
hsl(218,48%,46%) |
#32528E |
rgb(50,82,142) |
hsl(219,48%,38%) |
#26406C |
rgb(38,64,108) |
hsl(218,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#577DC4 |
rgb(87,125,196) |
hsl(219,48%,55%) |
#C46957 |
rgb(196,105,87) |
hsl(10,48%,55%) |
#B3C457 |
rgb(179,196,87) |
hsl(69,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#577DC4 |
rgb(87,125,196) |
hsl(219,48%,55%) |
#C49E57 |
rgb(196,158,87) |
hsl(39,48%,55%) |
#57B3C4 |
rgb(87,179,196) |
hsl(189,48%,55%) |
#B3C457 |
rgb(179,196,87) |
hsl(69,48%,55%) |