HEX #566ED1 color — Indigo
The color #566ED1 is a dark shade and moderately saturated.
Palette
566ED1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,57%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(228,57%,93%) |
#cfd6f2 |
rgb(207,214,242) |
hsl(228,57%,88%) |
#bbc5ec |
rgb(187,197,236) |
hsl(228,57%,83%) |
#a7b4e7 |
rgb(167,180,231) |
hsl(228,57%,78%) |
#93a3e1 |
rgb(147,163,225) |
hsl(228,57%,73%) |
#7f91dc |
rgb(127,145,220) |
hsl(228,57%,68%) |
#6b80d6 |
rgb(107,128,214) |
hsl(228,57%,63%) |
#576fd1 |
rgb(87,111,209) |
hsl(228,57%,58%) |
#435ecb |
rgb(67,94,203) |
hsl(228,57%,53%) |
#3551c0 |
rgb(53,81,192) |
hsl(228,57%,48%) |
#2f48ac |
rgb(47,72,172) |
hsl(228,57%,43%) |
#2a4098 |
rgb(42,64,152) |
hsl(228,57%,38%) |
#243784 |
rgb(36,55,132) |
hsl(228,57%,33%) |
#1f2f70 |
rgb(31,47,112) |
hsl(228,57%,28%) |
#19275c |
rgb(25,39,92) |
hsl(228,57%,23%) |
#141e48 |
rgb(20,30,72) |
hsl(228,57%,18%) |
#0e1634 |
rgb(14,22,52) |
hsl(228,57%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(228,57%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFD1 |
rgb(86,191,209) |
hsl(189,57%,58%) |
#566ED1 |
rgb(86,110,209) |
hsl(228,57%,58%) |
#9057D1 |
rgb(144,87,209) |
hsl(268,57%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ADE5 |
rgb(160,173,229) |
hsl(229,57%,76%) |
#7B8FDB |
rgb(123,143,219) |
hsl(228,57%,67%) |
#566ED1 |
rgb(86,110,209) |
hsl(228,57%,58%) |
#3552C2 |
rgb(53,82,194) |
hsl(228,57%,48%) |
#2A429D |
rgb(42,66,157) |
hsl(227,58%,39%) |
#203378 |
rgb(32,51,120) |
hsl(227,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#566ED1 |
rgb(86,110,209) |
hsl(228,57%,58%) |
#D17A56 |
rgb(209,122,86) |
hsl(18,57%,58%) |
#ABD156 |
rgb(171,209,86) |
hsl(79,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566ED1 |
rgb(86,110,209) |
hsl(228,57%,58%) |
#D1BA56 |
rgb(209,186,86) |
hsl(49,57%,58%) |
#56ABD1 |
rgb(86,171,209) |
hsl(199,57%,58%) |
#ABD156 |
rgb(171,209,86) |
hsl(79,57%,58%) |