HEX #556BC7 color — Indigo
The color #556BC7 is a dark shade and moderately saturated.
Palette
556BC7 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(228,50%,96%) |
#dde1f4 |
rgb(221,225,244) |
hsl(228,50%,91%) |
#c9d1ed |
rgb(201,209,237) |
hsl(228,50%,86%) |
#b6c0e7 |
rgb(182,192,231) |
hsl(228,50%,81%) |
#a3afe0 |
rgb(163,175,224) |
hsl(228,50%,76%) |
#909fda |
rgb(144,159,218) |
hsl(228,50%,71%) |
#7d8ed4 |
rgb(125,142,212) |
hsl(228,50%,66%) |
#6a7ecd |
rgb(106,126,205) |
hsl(228,50%,61%) |
#576dc7 |
rgb(87,109,199) |
hsl(228,50%,56%) |
#445dc1 |
rgb(68,93,193) |
hsl(228,50%,51%) |
#3b52b0 |
rgb(59,82,176) |
hsl(228,50%,46%) |
#34499d |
rgb(52,73,157) |
hsl(228,50%,41%) |
#2e408a |
rgb(46,64,138) |
hsl(228,50%,36%) |
#283777 |
rgb(40,55,119) |
hsl(228,50%,31%) |
#212e63 |
rgb(33,46,99) |
hsl(228,50%,26%) |
#1b2550 |
rgb(27,37,80) |
hsl(228,50%,21%) |
#141d3d |
rgb(20,29,61) |
hsl(228,50%,16%) |
#0e142a |
rgb(14,20,42) |
hsl(228,50%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(228,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(228,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B8C7 |
rgb(85,184,199) |
hsl(188,50%,56%) |
#556BC7 |
rgb(85,107,199) |
hsl(228,50%,56%) |
#8B54C7 |
rgb(139,84,199) |
hsl(269,51%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A6DD |
rgb(153,166,221) |
hsl(229,50%,73%) |
#778AD2 |
rgb(119,138,210) |
hsl(227,50%,65%) |
#556BC7 |
rgb(85,107,199) |
hsl(228,50%,56%) |
#3B52B3 |
rgb(59,82,179) |
hsl(229,50%,47%) |
#2F4291 |
rgb(47,66,145) |
hsl(228,51%,38%) |
#24336F |
rgb(36,51,111) |
hsl(228,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#556BC7 |
rgb(85,107,199) |
hsl(228,50%,56%) |
#C77855 |
rgb(199,120,85) |
hsl(18,50%,56%) |
#A4C755 |
rgb(164,199,85) |
hsl(78,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556BC7 |
rgb(85,107,199) |
hsl(228,50%,56%) |
#C7B055 |
rgb(199,176,85) |
hsl(48,50%,56%) |
#55A3C7 |
rgb(85,163,199) |
hsl(199,50%,56%) |
#A4C755 |
rgb(164,199,85) |
hsl(78,50%,56%) |