HEX #566BD4 color — Indigo
The color #566BD4 is a dark shade and moderately saturated.
Palette
566BD4 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 |
#56BFD4 |
rgb(86,191,212) |
hsl(190,59%,58%) |
#566BD4 |
rgb(86,107,212) |
hsl(230,59%,58%) |
#9557D4 |
rgb(149,87,212) |
hsl(270,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2ADE7 |
rgb(162,173,231) |
hsl(230,59%,77%) |
#7C8CDD |
rgb(124,140,221) |
hsl(230,59%,68%) |
#566BD4 |
rgb(86,107,212) |
hsl(230,59%,58%) |
#324DC7 |
rgb(50,77,199) |
hsl(229,60%,49%) |
#293DA1 |
rgb(41,61,161) |
hsl(230,59%,40%) |
#1F2E7B |
rgb(31,46,123) |
hsl(230,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#566BD4 |
rgb(86,107,212) |
hsl(230,59%,58%) |
#D48056 |
rgb(212,128,86) |
hsl(20,59%,58%) |
#AAD456 |
rgb(170,212,86) |
hsl(80,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566BD4 |
rgb(86,107,212) |
hsl(230,59%,58%) |
#D4BF56 |
rgb(212,191,86) |
hsl(50,59%,58%) |
#56ABD4 |
rgb(86,171,212) |
hsl(200,59%,58%) |
#AAD456 |
rgb(170,212,86) |
hsl(80,59%,58%) |