HEX #5663D0 color — Indigo
The color #5663D0 is a dark shade and moderately saturated.
Palette
5663D0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(234,56%,98%) |
#e3e5f7 |
rgb(227,229,247) |
hsl(234,56%,93%) |
#cfd3f2 |
rgb(207,211,242) |
hsl(234,56%,88%) |
#bbc0ec |
rgb(187,192,236) |
hsl(234,56%,83%) |
#a7aee6 |
rgb(167,174,230) |
hsl(234,56%,78%) |
#949be1 |
rgb(148,155,225) |
hsl(234,56%,73%) |
#8089db |
rgb(128,137,219) |
hsl(234,56%,68%) |
#6c76d5 |
rgb(108,118,213) |
hsl(234,56%,63%) |
#5864d0 |
rgb(88,100,208) |
hsl(234,56%,58%) |
#4451ca |
rgb(68,81,202) |
hsl(234,56%,53%) |
#3644bf |
rgb(54,68,191) |
hsl(234,56%,48%) |
#303dab |
rgb(48,61,171) |
hsl(234,56%,43%) |
#2b3597 |
rgb(43,53,151) |
hsl(234,56%,38%) |
#252e83 |
rgb(37,46,131) |
hsl(234,56%,33%) |
#1f276f |
rgb(31,39,111) |
hsl(234,56%,28%) |
#1a205b |
rgb(26,32,91) |
hsl(234,56%,23%) |
#141948 |
rgb(20,25,72) |
hsl(234,56%,18%) |
#0f1234 |
rgb(15,18,52) |
hsl(234,56%,13%) |
#090b20 |
rgb(9,11,32) |
hsl(234,56%,8%) |
#03040c |
rgb(3,4,12) |
hsl(234,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5D0 |
rgb(86,181,208) |
hsl(193,56%,58%) |
#5663D0 |
rgb(86,99,208) |
hsl(234,56%,58%) |
#9A57D0 |
rgb(154,87,208) |
hsl(273,56%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FA6E4 |
rgb(159,166,228) |
hsl(234,56%,76%) |
#7A85DA |
rgb(122,133,218) |
hsl(233,56%,67%) |
#5663D0 |
rgb(86,99,208) |
hsl(234,56%,58%) |
#3545C1 |
rgb(53,69,193) |
hsl(233,57%,48%) |
#2B389C |
rgb(43,56,156) |
hsl(233,57%,39%) |
#212B77 |
rgb(33,43,119) |
hsl(233,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663D0 |
rgb(86,99,208) |
hsl(234,56%,58%) |
#D08756 |
rgb(208,135,86) |
hsl(24,56%,58%) |
#A0D156 |
rgb(160,209,86) |
hsl(84,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663D0 |
rgb(86,99,208) |
hsl(234,56%,58%) |
#D0C256 |
rgb(208,194,86) |
hsl(53,56%,58%) |
#56A1D0 |
rgb(86,161,208) |
hsl(203,56%,58%) |
#A0D156 |
rgb(160,209,86) |
hsl(84,57%,58%) |