HEX #577CC1 color — Indigo
The color #577cc1 is a dark shade and moderately saturated.
Palette
577cc1 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(219,46%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(219,46%,90%) |
#c7d3ea |
rgb(199,211,234) |
hsl(219,46%,85%) |
#b5c5e3 |
rgb(181,197,227) |
hsl(219,46%,80%) |
#a2b6dd |
rgb(162,182,221) |
hsl(219,46%,75%) |
#8fa8d6 |
rgb(143,168,214) |
hsl(219,46%,70%) |
#7d99cf |
rgb(125,153,207) |
hsl(219,46%,65%) |
#6a8bc8 |
rgb(106,139,200) |
hsl(219,46%,60%) |
#577cc1 |
rgb(87,124,193) |
hsl(219,46%,55%) |
#456eba |
rgb(69,110,186) |
hsl(219,46%,50%) |
#3e63a8 |
rgb(62,99,168) |
hsl(219,46%,45%) |
#375895 |
rgb(55,88,149) |
hsl(219,46%,40%) |
#304d82 |
rgb(48,77,130) |
hsl(219,46%,35%) |
#294270 |
rgb(41,66,112) |
hsl(219,46%,30%) |
#22375d |
rgb(34,55,93) |
hsl(219,46%,25%) |
#1c2c4a |
rgb(28,44,74) |
hsl(219,46%,20%) |
#152138 |
rgb(21,33,56) |
hsl(219,46%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(219,46%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(219,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#57C2BF |
rgb(87,194,191) |
hsl(178,47%,55%) |
#577CC1 |
rgb(87,124,193) |
hsl(219,46%,55%) |
#7857C1 |
rgb(120,87,193) |
hsl(259,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B0D9 |
rgb(152,176,217) |
hsl(218,46%,72%) |
#7796CD |
rgb(119,150,205) |
hsl(218,46%,64%) |
#577CC1 |
rgb(87,124,193) |
hsl(219,46%,55%) |
#3F66AB |
rgb(63,102,171) |
hsl(218,46%,46%) |
#33528B |
rgb(51,82,139) |
hsl(219,46%,37%) |
#27406A |
rgb(39,64,106) |
hsl(218,46%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#577CC1 |
rgb(87,124,193) |
hsl(219,46%,55%) |
#C16657 |
rgb(193,102,87) |
hsl(8,46%,55%) |
#B1C257 |
rgb(177,194,87) |
hsl(70,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#577CC1 |
rgb(87,124,193) |
hsl(219,46%,55%) |
#C19C57 |
rgb(193,156,87) |
hsl(39,46%,55%) |
#57B0C1 |
rgb(87,176,193) |
hsl(190,46%,55%) |
#B1C257 |
rgb(177,194,87) |
hsl(70,47%,55%) |