HEX #5663D2 color — Indigo
The color #5663D2 is a dark shade and moderately saturated.
Palette
5663D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(234,58%,98%) |
#e3e5f8 |
rgb(227,229,248) |
hsl(234,58%,93%) |
#cfd2f2 |
rgb(207,210,242) |
hsl(234,58%,88%) |
#bbc0ed |
rgb(187,192,237) |
hsl(234,58%,83%) |
#a6ade7 |
rgb(166,173,231) |
hsl(234,58%,78%) |
#929ae2 |
rgb(146,154,226) |
hsl(234,58%,73%) |
#7e88dd |
rgb(126,136,221) |
hsl(234,58%,68%) |
#6a75d7 |
rgb(106,117,215) |
hsl(234,58%,63%) |
#5662d2 |
rgb(86,98,210) |
hsl(234,58%,58%) |
#4250cd |
rgb(66,80,205) |
hsl(234,58%,53%) |
#3342c1 |
rgb(51,66,193) |
hsl(234,58%,48%) |
#2e3bad |
rgb(46,59,173) |
hsl(234,58%,43%) |
#293499 |
rgb(41,52,153) |
hsl(234,58%,38%) |
#232d85 |
rgb(35,45,133) |
hsl(234,58%,33%) |
#1e2671 |
rgb(30,38,113) |
hsl(234,58%,28%) |
#191f5d |
rgb(25,31,93) |
hsl(234,58%,23%) |
#131949 |
rgb(19,25,73) |
hsl(234,58%,18%) |
#0e1234 |
rgb(14,18,52) |
hsl(234,58%,13%) |
#090b20 |
rgb(9,11,32) |
hsl(234,58%,8%) |
#03040c |
rgb(3,4,12) |
hsl(234,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5D2 |
rgb(86,181,210) |
hsl(194,58%,58%) |
#5663D2 |
rgb(86,99,210) |
hsl(234,58%,58%) |
#9B57D2 |
rgb(155,87,210) |
hsl(273,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0A8E5 |
rgb(160,168,229) |
hsl(233,57%,76%) |
#7B85DB |
rgb(123,133,219) |
hsl(234,57%,67%) |
#5663D2 |
rgb(86,99,210) |
hsl(234,58%,58%) |
#3442C4 |
rgb(52,66,196) |
hsl(234,58%,49%) |
#2A369E |
rgb(42,54,158) |
hsl(234,58%,39%) |
#202979 |
rgb(32,41,121) |
hsl(234,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663D2 |
rgb(86,99,210) |
hsl(234,58%,58%) |
#D28756 |
rgb(210,135,86) |
hsl(24,58%,58%) |
#A1D156 |
rgb(161,209,86) |
hsl(83,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663D2 |
rgb(86,99,210) |
hsl(234,58%,58%) |
#D2C456 |
rgb(210,196,86) |
hsl(53,58%,58%) |
#56A1D2 |
rgb(86,161,210) |
hsl(204,58%,58%) |
#A1D156 |
rgb(161,209,86) |
hsl(83,57%,58%) |