HEX #5563D4 color — Indigo
The color #5563D4 is a dark shade and moderately saturated.
Palette
5563D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(233,60%,98%) |
#e2e5f8 |
rgb(226,229,248) |
hsl(233,60%,93%) |
#ced2f3 |
rgb(206,210,243) |
hsl(233,60%,88%) |
#bac0ee |
rgb(186,192,238) |
hsl(233,60%,83%) |
#a5ade9 |
rgb(165,173,233) |
hsl(233,60%,78%) |
#919ae3 |
rgb(145,154,227) |
hsl(233,60%,73%) |
#7c88de |
rgb(124,136,222) |
hsl(233,60%,68%) |
#6875d9 |
rgb(104,117,217) |
hsl(233,60%,63%) |
#5463d4 |
rgb(84,99,212) |
hsl(233,60%,58%) |
#3f50cf |
rgb(63,80,207) |
hsl(233,60%,53%) |
#3142c4 |
rgb(49,66,196) |
hsl(233,60%,48%) |
#2c3baf |
rgb(44,59,175) |
hsl(233,60%,43%) |
#27349b |
rgb(39,52,155) |
hsl(233,60%,38%) |
#222d87 |
rgb(34,45,135) |
hsl(233,60%,33%) |
#1d2772 |
rgb(29,39,114) |
hsl(233,60%,28%) |
#17205e |
rgb(23,32,94) |
hsl(233,60%,23%) |
#121949 |
rgb(18,25,73) |
hsl(233,60%,18%) |
#0d1235 |
rgb(13,18,53) |
hsl(233,60%,13%) |
#080b21 |
rgb(8,11,33) |
hsl(233,60%,8%) |
#03040c |
rgb(3,4,12) |
hsl(233,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B8D4 |
rgb(85,184,212) |
hsl(193,60%,58%) |
#5563D4 |
rgb(85,99,212) |
hsl(233,60%,58%) |
#9B54D4 |
rgb(155,84,212) |
hsl(273,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0A8E7 |
rgb(160,168,231) |
hsl(233,60%,77%) |
#7A85DD |
rgb(122,133,221) |
hsl(233,59%,67%) |
#5563D4 |
rgb(85,99,212) |
hsl(233,60%,58%) |
#3242C7 |
rgb(50,66,199) |
hsl(234,60%,49%) |
#2836A1 |
rgb(40,54,161) |
hsl(233,60%,39%) |
#1F297B |
rgb(31,41,123) |
hsl(233,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5563D4 |
rgb(85,99,212) |
hsl(233,60%,58%) |
#D48755 |
rgb(212,135,85) |
hsl(24,60%,58%) |
#A2D455 |
rgb(162,212,85) |
hsl(84,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5563D4 |
rgb(85,99,212) |
hsl(233,60%,58%) |
#D4C755 |
rgb(212,199,85) |
hsl(54,60%,58%) |
#55A3D4 |
rgb(85,163,212) |
hsl(203,60%,58%) |
#A2D455 |
rgb(162,212,85) |
hsl(84,60%,58%) |