HEX #5657D2 color — Indigo
The color #5657D2 is a dark shade and moderately saturated.
Palette
5657D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(240,58%,98%) |
#e3e3f8 |
rgb(227,227,248) |
hsl(240,58%,93%) |
#cfcff2 |
rgb(207,207,242) |
hsl(240,58%,88%) |
#bbbbed |
rgb(187,187,237) |
hsl(240,58%,83%) |
#a6a6e7 |
rgb(166,166,231) |
hsl(240,58%,78%) |
#9292e2 |
rgb(146,146,226) |
hsl(240,58%,73%) |
#7e7edd |
rgb(126,126,221) |
hsl(240,58%,68%) |
#6a6ad7 |
rgb(106,106,215) |
hsl(240,58%,63%) |
#5656d2 |
rgb(86,86,210) |
hsl(240,58%,58%) |
#4242cd |
rgb(66,66,205) |
hsl(240,58%,53%) |
#3333c1 |
rgb(51,51,193) |
hsl(240,58%,48%) |
#2e2ead |
rgb(46,46,173) |
hsl(240,58%,43%) |
#292999 |
rgb(41,41,153) |
hsl(240,58%,38%) |
#232385 |
rgb(35,35,133) |
hsl(240,58%,33%) |
#1e1e71 |
rgb(30,30,113) |
hsl(240,58%,28%) |
#19195d |
rgb(25,25,93) |
hsl(240,58%,23%) |
#131349 |
rgb(19,19,73) |
hsl(240,58%,18%) |
#0e0e34 |
rgb(14,14,52) |
hsl(240,58%,13%) |
#090920 |
rgb(9,9,32) |
hsl(240,58%,8%) |
#03030c |
rgb(3,3,12) |
hsl(240,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56ABD2 |
rgb(86,171,210) |
hsl(199,58%,58%) |
#5657D2 |
rgb(86,87,210) |
hsl(240,58%,58%) |
#A757D2 |
rgb(167,87,210) |
hsl(279,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0A1E5 |
rgb(160,161,229) |
hsl(239,57%,76%) |
#7B7DDB |
rgb(123,125,219) |
hsl(239,57%,67%) |
#5657D2 |
rgb(86,87,210) |
hsl(240,58%,58%) |
#3436C4 |
rgb(52,54,196) |
hsl(239,58%,49%) |
#2A2B9E |
rgb(42,43,158) |
hsl(239,58%,39%) |
#202179 |
rgb(32,33,121) |
hsl(239,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657D2 |
rgb(86,87,210) |
hsl(240,58%,58%) |
#D29456 |
rgb(210,148,86) |
hsl(30,58%,58%) |
#95D156 |
rgb(149,209,86) |
hsl(89,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657D2 |
rgb(86,87,210) |
hsl(240,58%,58%) |
#D2D156 |
rgb(210,209,86) |
hsl(60,58%,58%) |
#5694D2 |
rgb(86,148,210) |
hsl(210,58%,58%) |
#95D156 |
rgb(149,209,86) |
hsl(89,57%,58%) |