HEX #566DD2 color — Indigo
The color #566dd2 is a dark shade and moderately saturated.
Palette
566dd2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,58%,98%) |
#e3e7f8 |
rgb(227,231,248) |
hsl(229,58%,93%) |
#cfd5f2 |
rgb(207,213,242) |
hsl(229,58%,88%) |
#bbc4ed |
rgb(187,196,237) |
hsl(229,58%,83%) |
#a6b2e7 |
rgb(166,178,231) |
hsl(229,58%,78%) |
#92a1e2 |
rgb(146,161,226) |
hsl(229,58%,73%) |
#7e8fdd |
rgb(126,143,221) |
hsl(229,58%,68%) |
#6a7ed7 |
rgb(106,126,215) |
hsl(229,58%,63%) |
#566dd2 |
rgb(86,109,210) |
hsl(229,58%,58%) |
#425bcd |
rgb(66,91,205) |
hsl(229,58%,53%) |
#334dc1 |
rgb(51,77,193) |
hsl(229,58%,48%) |
#2e45ad |
rgb(46,69,173) |
hsl(229,58%,43%) |
#293d99 |
rgb(41,61,153) |
hsl(229,58%,38%) |
#233585 |
rgb(35,53,133) |
hsl(229,58%,33%) |
#1e2d71 |
rgb(30,45,113) |
hsl(229,58%,28%) |
#19255d |
rgb(25,37,93) |
hsl(229,58%,23%) |
#131d49 |
rgb(19,29,73) |
hsl(229,58%,18%) |
#0e1534 |
rgb(14,21,52) |
hsl(229,58%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(229,58%,8%) |
#03050c |
rgb(3,5,12) |
hsl(229,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFD2 |
rgb(86,191,210) |
hsl(189,58%,58%) |
#566DD2 |
rgb(86,109,210) |
hsl(229,58%,58%) |
#9157D2 |
rgb(145,87,210) |
hsl(268,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ADE5 |
rgb(160,173,229) |
hsl(229,57%,76%) |
#7B8CDB |
rgb(123,140,219) |
hsl(229,57%,67%) |
#566DD2 |
rgb(86,109,210) |
hsl(229,58%,58%) |
#344FC4 |
rgb(52,79,196) |
hsl(229,58%,49%) |
#2A409E |
rgb(42,64,158) |
hsl(229,58%,39%) |
#203079 |
rgb(32,48,121) |
hsl(229,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#566DD2 |
rgb(86,109,210) |
hsl(229,58%,58%) |
#D27D56 |
rgb(210,125,86) |
hsl(19,58%,58%) |
#ABD156 |
rgb(171,209,86) |
hsl(79,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566DD2 |
rgb(86,109,210) |
hsl(229,58%,58%) |
#D2BA56 |
rgb(210,186,86) |
hsl(48,58%,58%) |
#56ABD2 |
rgb(86,171,210) |
hsl(199,58%,58%) |
#ABD156 |
rgb(171,209,86) |
hsl(79,57%,58%) |