HEX #5657D3 color — Indigo
The color #5657D3 is a dark shade and moderately saturated.
Palette
5657D3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(240,59%,98%) |
#e3e3f8 |
rgb(227,227,248) |
hsl(240,59%,93%) |
#cecef2 |
rgb(206,206,242) |
hsl(240,59%,88%) |
#babaed |
rgb(186,186,237) |
hsl(240,59%,83%) |
#a6a6e8 |
rgb(166,166,232) |
hsl(240,59%,78%) |
#9292e3 |
rgb(146,146,227) |
hsl(240,59%,73%) |
#7d7dde |
rgb(125,125,222) |
hsl(240,59%,68%) |
#6969d8 |
rgb(105,105,216) |
hsl(240,59%,63%) |
#5555d3 |
rgb(85,85,211) |
hsl(240,59%,58%) |
#4040ce |
rgb(64,64,206) |
hsl(240,59%,53%) |
#3232c3 |
rgb(50,50,195) |
hsl(240,59%,48%) |
#2d2dae |
rgb(45,45,174) |
hsl(240,59%,43%) |
#28289a |
rgb(40,40,154) |
hsl(240,59%,38%) |
#232386 |
rgb(35,35,134) |
hsl(240,59%,33%) |
#1d1d72 |
rgb(29,29,114) |
hsl(240,59%,28%) |
#18185d |
rgb(24,24,93) |
hsl(240,59%,23%) |
#131349 |
rgb(19,19,73) |
hsl(240,59%,18%) |
#0e0e35 |
rgb(14,14,53) |
hsl(240,59%,13%) |
#080820 |
rgb(8,8,32) |
hsl(240,59%,8%) |
#03030c |
rgb(3,3,12) |
hsl(240,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56ABD3 |
rgb(86,171,211) |
hsl(199,59%,58%) |
#5657D3 |
rgb(86,87,211) |
hsl(240,59%,58%) |
#A857D3 |
rgb(168,87,211) |
hsl(279,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1A3E6 |
rgb(161,163,230) |
hsl(238,58%,77%) |
#7B7DDC |
rgb(123,125,220) |
hsl(239,58%,67%) |
#5657D3 |
rgb(86,87,211) |
hsl(240,59%,58%) |
#3336C5 |
rgb(51,54,197) |
hsl(239,59%,49%) |
#292BA0 |
rgb(41,43,160) |
hsl(239,59%,39%) |
#1F217A |
rgb(31,33,122) |
hsl(239,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657D3 |
rgb(86,87,211) |
hsl(240,59%,58%) |
#D39456 |
rgb(211,148,86) |
hsl(30,59%,58%) |
#95D456 |
rgb(149,212,86) |
hsl(90,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657D3 |
rgb(86,87,211) |
hsl(240,59%,58%) |
#D3D156 |
rgb(211,209,86) |
hsl(59,59%,58%) |
#5696D3 |
rgb(86,150,211) |
hsl(209,59%,58%) |
#95D456 |
rgb(149,212,86) |
hsl(90,59%,58%) |