HEX #566AD2 color — Indigo
The color #566ad2 is a dark shade and moderately saturated.
Palette
566ad2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,58%,98%) |
#e3e6f8 |
rgb(227,230,248) |
hsl(230,58%,93%) |
#cfd5f2 |
rgb(207,213,242) |
hsl(230,58%,88%) |
#bbc3ed |
rgb(187,195,237) |
hsl(230,58%,83%) |
#a6b1e7 |
rgb(166,177,231) |
hsl(230,58%,78%) |
#92a0e2 |
rgb(146,160,226) |
hsl(230,58%,73%) |
#7e8edd |
rgb(126,142,221) |
hsl(230,58%,68%) |
#6a7cd7 |
rgb(106,124,215) |
hsl(230,58%,63%) |
#566ad2 |
rgb(86,106,210) |
hsl(230,58%,58%) |
#4259cd |
rgb(66,89,205) |
hsl(230,58%,53%) |
#334bc1 |
rgb(51,75,193) |
hsl(230,58%,48%) |
#2e43ad |
rgb(46,67,173) |
hsl(230,58%,43%) |
#293b99 |
rgb(41,59,153) |
hsl(230,58%,38%) |
#233485 |
rgb(35,52,133) |
hsl(230,58%,33%) |
#1e2c71 |
rgb(30,44,113) |
hsl(230,58%,28%) |
#19245d |
rgb(25,36,93) |
hsl(230,58%,23%) |
#131c49 |
rgb(19,28,73) |
hsl(230,58%,18%) |
#0e1434 |
rgb(14,20,52) |
hsl(230,58%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(230,58%,8%) |
#03050c |
rgb(3,5,12) |
hsl(230,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BDD2 |
rgb(86,189,210) |
hsl(190,58%,58%) |
#566AD2 |
rgb(86,106,210) |
hsl(230,58%,58%) |
#9457D2 |
rgb(148,87,210) |
hsl(270,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ABE5 |
rgb(160,171,229) |
hsl(230,57%,76%) |
#7B8ADB |
rgb(123,138,219) |
hsl(231,57%,67%) |
#566AD2 |
rgb(86,106,210) |
hsl(230,58%,58%) |
#344DC4 |
rgb(52,77,196) |
hsl(230,58%,49%) |
#2A3D9E |
rgb(42,61,158) |
hsl(230,58%,39%) |
#202E79 |
rgb(32,46,121) |
hsl(231,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#566AD2 |
rgb(86,106,210) |
hsl(230,58%,58%) |
#D28056 |
rgb(210,128,86) |
hsl(20,58%,58%) |
#A8D156 |
rgb(168,209,86) |
hsl(80,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566AD2 |
rgb(86,106,210) |
hsl(230,58%,58%) |
#D2BF56 |
rgb(210,191,86) |
hsl(51,58%,58%) |
#56A8D2 |
rgb(86,168,210) |
hsl(200,58%,58%) |
#A8D156 |
rgb(168,209,86) |
hsl(80,57%,58%) |