HEX #565CD4 color — Indigo
The color #565CD4 is a dark shade and moderately saturated.
Palette
565CD4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(237,59%,98%) |
#e3e4f8 |
rgb(227,228,248) |
hsl(237,59%,93%) |
#ced0f2 |
rgb(206,208,242) |
hsl(237,59%,88%) |
#babded |
rgb(186,189,237) |
hsl(237,59%,83%) |
#a6a9e8 |
rgb(166,169,232) |
hsl(237,59%,78%) |
#9296e3 |
rgb(146,150,227) |
hsl(237,59%,73%) |
#7d82de |
rgb(125,130,222) |
hsl(237,59%,68%) |
#696fd8 |
rgb(105,111,216) |
hsl(237,59%,63%) |
#555bd3 |
rgb(85,91,211) |
hsl(237,59%,58%) |
#4048ce |
rgb(64,72,206) |
hsl(237,59%,53%) |
#3239c3 |
rgb(50,57,195) |
hsl(237,59%,48%) |
#2d33ae |
rgb(45,51,174) |
hsl(237,59%,43%) |
#282d9a |
rgb(40,45,154) |
hsl(237,59%,38%) |
#232786 |
rgb(35,39,134) |
hsl(237,59%,33%) |
#1d2172 |
rgb(29,33,114) |
hsl(237,59%,28%) |
#181c5d |
rgb(24,28,93) |
hsl(237,59%,23%) |
#131649 |
rgb(19,22,73) |
hsl(237,59%,18%) |
#0e1035 |
rgb(14,16,53) |
hsl(237,59%,13%) |
#080a20 |
rgb(8,10,32) |
hsl(237,59%,8%) |
#03040c |
rgb(3,4,12) |
hsl(237,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B0D4 |
rgb(86,176,212) |
hsl(197,59%,58%) |
#565CD4 |
rgb(86,92,212) |
hsl(237,59%,58%) |
#A457D4 |
rgb(164,87,212) |
hsl(277,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2A6E7 |
rgb(162,166,231) |
hsl(237,59%,77%) |
#7C80DD |
rgb(124,128,221) |
hsl(238,59%,68%) |
#565CD4 |
rgb(86,92,212) |
hsl(237,59%,58%) |
#323BC7 |
rgb(50,59,199) |
hsl(236,60%,49%) |
#292EA1 |
rgb(41,46,161) |
hsl(238,59%,40%) |
#1F247B |
rgb(31,36,123) |
hsl(237,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#565CD4 |
rgb(86,92,212) |
hsl(237,59%,58%) |
#D48F56 |
rgb(212,143,86) |
hsl(27,59%,58%) |
#9BD456 |
rgb(155,212,86) |
hsl(87,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#565CD4 |
rgb(86,92,212) |
hsl(237,59%,58%) |
#D4CF56 |
rgb(212,207,86) |
hsl(58,59%,58%) |
#569CD4 |
rgb(86,156,212) |
hsl(207,59%,58%) |
#9BD456 |
rgb(155,212,86) |
hsl(87,59%,58%) |