HEX #5663D3 color — Indigo
The color #5663D3 is a dark shade and moderately saturated.
Palette
5663D3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(234,59%,98%) |
#e3e5f8 |
rgb(227,229,248) |
hsl(234,59%,93%) |
#ced2f2 |
rgb(206,210,242) |
hsl(234,59%,88%) |
#babfed |
rgb(186,191,237) |
hsl(234,59%,83%) |
#a6ace8 |
rgb(166,172,232) |
hsl(234,59%,78%) |
#929ae3 |
rgb(146,154,227) |
hsl(234,59%,73%) |
#7d87de |
rgb(125,135,222) |
hsl(234,59%,68%) |
#6974d8 |
rgb(105,116,216) |
hsl(234,59%,63%) |
#5561d3 |
rgb(85,97,211) |
hsl(234,59%,58%) |
#404fce |
rgb(64,79,206) |
hsl(234,59%,53%) |
#3241c3 |
rgb(50,65,195) |
hsl(234,59%,48%) |
#2d3aae |
rgb(45,58,174) |
hsl(234,59%,43%) |
#28339a |
rgb(40,51,154) |
hsl(234,59%,38%) |
#232c86 |
rgb(35,44,134) |
hsl(234,59%,33%) |
#1d2672 |
rgb(29,38,114) |
hsl(234,59%,28%) |
#181f5d |
rgb(24,31,93) |
hsl(234,59%,23%) |
#131849 |
rgb(19,24,73) |
hsl(234,59%,18%) |
#0e1235 |
rgb(14,18,53) |
hsl(234,59%,13%) |
#080b20 |
rgb(8,11,32) |
hsl(234,59%,8%) |
#03040c |
rgb(3,4,12) |
hsl(234,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B8D3 |
rgb(86,184,211) |
hsl(193,59%,58%) |
#5663D3 |
rgb(86,99,211) |
hsl(234,59%,58%) |
#9C57D3 |
rgb(156,87,211) |
hsl(273,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1A8E6 |
rgb(161,168,230) |
hsl(234,58%,77%) |
#7B85DC |
rgb(123,133,220) |
hsl(234,58%,67%) |
#5663D3 |
rgb(86,99,211) |
hsl(234,59%,58%) |
#3342C5 |
rgb(51,66,197) |
hsl(234,59%,49%) |
#2936A0 |
rgb(41,54,160) |
hsl(233,59%,39%) |
#1F297A |
rgb(31,41,122) |
hsl(233,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663D3 |
rgb(86,99,211) |
hsl(234,59%,58%) |
#D38756 |
rgb(211,135,86) |
hsl(24,59%,58%) |
#A1D456 |
rgb(161,212,86) |
hsl(84,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663D3 |
rgb(86,99,211) |
hsl(234,59%,58%) |
#D3C756 |
rgb(211,199,86) |
hsl(54,59%,58%) |
#56A1D3 |
rgb(86,161,211) |
hsl(204,59%,58%) |
#A1D456 |
rgb(161,212,86) |
hsl(84,59%,58%) |