HEX #556BD1 color — Indigo
The color #556BD1 is a dark shade and moderately saturated.
Palette
556BD1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,57%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(229,57%,93%) |
#cfd5f2 |
rgb(207,213,242) |
hsl(229,57%,88%) |
#bbc4ec |
rgb(187,196,236) |
hsl(229,57%,83%) |
#a7b3e7 |
rgb(167,179,231) |
hsl(229,57%,78%) |
#93a1e1 |
rgb(147,161,225) |
hsl(229,57%,73%) |
#7f90dc |
rgb(127,144,220) |
hsl(229,57%,68%) |
#6b7fd6 |
rgb(107,127,214) |
hsl(229,57%,63%) |
#576dd1 |
rgb(87,109,209) |
hsl(229,57%,58%) |
#435ccb |
rgb(67,92,203) |
hsl(229,57%,53%) |
#354ec0 |
rgb(53,78,192) |
hsl(229,57%,48%) |
#2f46ac |
rgb(47,70,172) |
hsl(229,57%,43%) |
#2a3e98 |
rgb(42,62,152) |
hsl(229,57%,38%) |
#243684 |
rgb(36,54,132) |
hsl(229,57%,33%) |
#1f2e70 |
rgb(31,46,112) |
hsl(229,57%,28%) |
#19255c |
rgb(25,37,92) |
hsl(229,57%,23%) |
#141d48 |
rgb(20,29,72) |
hsl(229,57%,18%) |
#0e1534 |
rgb(14,21,52) |
hsl(229,57%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(229,57%,8%) |
#03050c |
rgb(3,5,12) |
hsl(229,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BDD1 |
rgb(85,189,209) |
hsl(190,57%,58%) |
#556BD1 |
rgb(85,107,209) |
hsl(229,57%,58%) |
#9154D1 |
rgb(145,84,209) |
hsl(269,58%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FABE5 |
rgb(159,171,229) |
hsl(230,57%,76%) |
#7A8CDB |
rgb(122,140,219) |
hsl(229,57%,67%) |
#556BD1 |
rgb(85,107,209) |
hsl(229,57%,58%) |
#344DC2 |
rgb(52,77,194) |
hsl(229,58%,48%) |
#2A409D |
rgb(42,64,157) |
hsl(229,58%,39%) |
#203078 |
rgb(32,48,120) |
hsl(229,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#556BD1 |
rgb(85,107,209) |
hsl(229,57%,58%) |
#D17D55 |
rgb(209,125,85) |
hsl(19,57%,58%) |
#A9D155 |
rgb(169,209,85) |
hsl(79,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556BD1 |
rgb(85,107,209) |
hsl(229,57%,58%) |
#D1BA55 |
rgb(209,186,85) |
hsl(49,57%,58%) |
#55A8D1 |
rgb(85,168,209) |
hsl(200,57%,58%) |
#A9D155 |
rgb(169,209,85) |
hsl(79,57%,58%) |