HEX #566BD3 color — Indigo
The color #566BD3 is a dark shade and moderately saturated.
Palette
566BD3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,59%,98%) |
#e3e6f8 |
rgb(227,230,248) |
hsl(230,59%,93%) |
#ced4f2 |
rgb(206,212,242) |
hsl(230,59%,88%) |
#bac3ed |
rgb(186,195,237) |
hsl(230,59%,83%) |
#a6b1e8 |
rgb(166,177,232) |
hsl(230,59%,78%) |
#929fe3 |
rgb(146,159,227) |
hsl(230,59%,73%) |
#7d8dde |
rgb(125,141,222) |
hsl(230,59%,68%) |
#697cd8 |
rgb(105,124,216) |
hsl(230,59%,63%) |
#556ad3 |
rgb(85,106,211) |
hsl(230,59%,58%) |
#4058ce |
rgb(64,88,206) |
hsl(230,59%,53%) |
#324ac3 |
rgb(50,74,195) |
hsl(230,59%,48%) |
#2d43ae |
rgb(45,67,174) |
hsl(230,59%,43%) |
#283b9a |
rgb(40,59,154) |
hsl(230,59%,38%) |
#233386 |
rgb(35,51,134) |
hsl(230,59%,33%) |
#1d2b72 |
rgb(29,43,114) |
hsl(230,59%,28%) |
#18245d |
rgb(24,36,93) |
hsl(230,59%,23%) |
#131c49 |
rgb(19,28,73) |
hsl(230,59%,18%) |
#0e1435 |
rgb(14,20,53) |
hsl(230,59%,13%) |
#080c20 |
rgb(8,12,32) |
hsl(230,59%,8%) |
#03050c |
rgb(3,5,12) |
hsl(230,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFD3 |
rgb(86,191,211) |
hsl(190,59%,58%) |
#566BD3 |
rgb(86,107,211) |
hsl(230,59%,58%) |
#9457D3 |
rgb(148,87,211) |
hsl(270,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1ADE6 |
rgb(161,173,230) |
hsl(230,58%,77%) |
#7B8CDC |
rgb(123,140,220) |
hsl(229,58%,67%) |
#566BD3 |
rgb(86,107,211) |
hsl(230,59%,58%) |
#334DC5 |
rgb(51,77,197) |
hsl(229,59%,49%) |
#293DA0 |
rgb(41,61,160) |
hsl(230,59%,39%) |
#1F2E7A |
rgb(31,46,122) |
hsl(230,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#566BD3 |
rgb(86,107,211) |
hsl(230,59%,58%) |
#D38056 |
rgb(211,128,86) |
hsl(20,59%,58%) |
#A9D456 |
rgb(169,212,86) |
hsl(80,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566BD3 |
rgb(86,107,211) |
hsl(230,59%,58%) |
#D3BF56 |
rgb(211,191,86) |
hsl(50,59%,58%) |
#56A8D3 |
rgb(86,168,211) |
hsl(201,59%,58%) |
#A9D456 |
rgb(169,212,86) |
hsl(80,59%,58%) |