HEX #557DC0 color — Indigo
The color #557DC0 is a dark shade and moderately saturated.
Palette
557DC0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,46%,99%) |
#e9eef7 |
rgb(233,238,247) |
hsl(218,46%,94%) |
#d6e0f0 |
rgb(214,224,240) |
hsl(218,46%,89%) |
#c3d1e9 |
rgb(195,209,233) |
hsl(218,46%,84%) |
#b1c3e2 |
rgb(177,195,226) |
hsl(218,46%,79%) |
#9eb5db |
rgb(158,181,219) |
hsl(218,46%,74%) |
#8ca6d4 |
rgb(140,166,212) |
hsl(218,46%,69%) |
#7998cd |
rgb(121,152,205) |
hsl(218,46%,64%) |
#668ac7 |
rgb(102,138,199) |
hsl(218,46%,59%) |
#547bc0 |
rgb(84,123,192) |
hsl(218,46%,54%) |
#436eb6 |
rgb(67,110,182) |
hsl(218,46%,49%) |
#3d62a4 |
rgb(61,98,164) |
hsl(218,46%,44%) |
#365791 |
rgb(54,87,145) |
hsl(218,46%,39%) |
#2f4c7f |
rgb(47,76,127) |
hsl(218,46%,34%) |
#28416c |
rgb(40,65,108) |
hsl(218,46%,29%) |
#213659 |
rgb(33,54,89) |
hsl(218,46%,24%) |
#1a2b47 |
rgb(26,43,71) |
hsl(218,46%,19%) |
#131f34 |
rgb(19,31,52) |
hsl(218,46%,14%) |
#0c1422 |
rgb(12,20,34) |
hsl(218,46%,9%) |
#06090f |
rgb(6,9,15) |
hsl(218,46%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BFBB |
rgb(85,191,187) |
hsl(178,45%,54%) |
#557DC0 |
rgb(85,125,192) |
hsl(218,46%,54%) |
#7454C0 |
rgb(116,84,192) |
hsl(258,46%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95ADD7 |
rgb(149,173,215) |
hsl(218,45%,71%) |
#7596CB |
rgb(117,150,203) |
hsl(217,45%,63%) |
#557DC0 |
rgb(85,125,192) |
hsl(218,46%,54%) |
#3E66A9 |
rgb(62,102,169) |
hsl(218,46%,45%) |
#325489 |
rgb(50,84,137) |
hsl(217,47%,37%) |
#264069 |
rgb(38,64,105) |
hsl(217,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DC0 |
rgb(85,125,192) |
hsl(218,46%,54%) |
#C06355 |
rgb(192,99,85) |
hsl(8,46%,54%) |
#B2BF55 |
rgb(178,191,85) |
hsl(67,45%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DC0 |
rgb(85,125,192) |
hsl(218,46%,54%) |
#C09955 |
rgb(192,153,85) |
hsl(38,46%,54%) |
#55B3C0 |
rgb(85,179,192) |
hsl(187,46%,54%) |
#B2BF55 |
rgb(178,191,85) |
hsl(67,45%,54%) |