HEX #566BD1 color — Indigo
The color #566BD1 is a dark shade and moderately saturated.
Palette
566BD1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,57%,98%) |
#e3e6f7 |
rgb(227,230,247) |
hsl(230,57%,93%) |
#cfd5f2 |
rgb(207,213,242) |
hsl(230,57%,88%) |
#bbc3ec |
rgb(187,195,236) |
hsl(230,57%,83%) |
#a7b2e7 |
rgb(167,178,231) |
hsl(230,57%,78%) |
#93a0e1 |
rgb(147,160,225) |
hsl(230,57%,73%) |
#7f8edc |
rgb(127,142,220) |
hsl(230,57%,68%) |
#6b7dd6 |
rgb(107,125,214) |
hsl(230,57%,63%) |
#576bd1 |
rgb(87,107,209) |
hsl(230,57%,58%) |
#435acb |
rgb(67,90,203) |
hsl(230,57%,53%) |
#354cc0 |
rgb(53,76,192) |
hsl(230,57%,48%) |
#2f44ac |
rgb(47,68,172) |
hsl(230,57%,43%) |
#2a3c98 |
rgb(42,60,152) |
hsl(230,57%,38%) |
#243484 |
rgb(36,52,132) |
hsl(230,57%,33%) |
#1f2c70 |
rgb(31,44,112) |
hsl(230,57%,28%) |
#19245c |
rgb(25,36,92) |
hsl(230,57%,23%) |
#141c48 |
rgb(20,28,72) |
hsl(230,57%,18%) |
#0e1534 |
rgb(14,21,52) |
hsl(230,57%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(230,57%,8%) |
#03050c |
rgb(3,5,12) |
hsl(230,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BDD1 |
rgb(86,189,209) |
hsl(190,57%,58%) |
#566BD1 |
rgb(86,107,209) |
hsl(230,57%,58%) |
#9357D1 |
rgb(147,87,209) |
hsl(270,57%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ABE5 |
rgb(160,171,229) |
hsl(230,57%,76%) |
#7B8CDB |
rgb(123,140,219) |
hsl(229,57%,67%) |
#566BD1 |
rgb(86,107,209) |
hsl(230,57%,58%) |
#354DC2 |
rgb(53,77,194) |
hsl(230,57%,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 |
#566BD1 |
rgb(86,107,209) |
hsl(230,57%,58%) |
#D18056 |
rgb(209,128,86) |
hsl(20,57%,58%) |
#A8D156 |
rgb(168,209,86) |
hsl(80,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566BD1 |
rgb(86,107,209) |
hsl(230,57%,58%) |
#D1BD56 |
rgb(209,189,86) |
hsl(50,57%,58%) |
#56A8D1 |
rgb(86,168,209) |
hsl(200,57%,58%) |
#A8D156 |
rgb(168,209,86) |
hsl(80,57%,58%) |