HEX #5663D4 color — Indigo
The color #5663D4 is a dark shade and moderately saturated.
Palette
5663D4 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 |
#56B8D4 |
rgb(86,184,212) |
hsl(193,59%,58%) |
#5663D4 |
rgb(86,99,212) |
hsl(234,59%,58%) |
#9D57D4 |
rgb(157,87,212) |
hsl(274,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2A8E7 |
rgb(162,168,231) |
hsl(235,59%,77%) |
#7C87DD |
rgb(124,135,221) |
hsl(233,59%,68%) |
#5663D4 |
rgb(86,99,212) |
hsl(234,59%,58%) |
#3242C7 |
rgb(50,66,199) |
hsl(234,60%,49%) |
#2936A1 |
rgb(41,54,161) |
hsl(234,59%,40%) |
#1F297B |
rgb(31,41,123) |
hsl(233,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663D4 |
rgb(86,99,212) |
hsl(234,59%,58%) |
#D48756 |
rgb(212,135,86) |
hsl(23,59%,58%) |
#A2D456 |
rgb(162,212,86) |
hsl(84,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663D4 |
rgb(86,99,212) |
hsl(234,59%,58%) |
#D4C756 |
rgb(212,199,86) |
hsl(54,59%,58%) |
#56A3D4 |
rgb(86,163,212) |
hsl(203,59%,58%) |
#A2D456 |
rgb(162,212,86) |
hsl(84,59%,58%) |