HEX #5578D1 color — Indigo
The color #5578D1 is a dark shade and moderately saturated.
Palette
5578D1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,57%,98%) |
#e3e9f7 |
rgb(227,233,247) |
hsl(223,57%,93%) |
#cfd9f2 |
rgb(207,217,242) |
hsl(223,57%,88%) |
#bbc9ec |
rgb(187,201,236) |
hsl(223,57%,83%) |
#a7b9e7 |
rgb(167,185,231) |
hsl(223,57%,78%) |
#93a9e1 |
rgb(147,169,225) |
hsl(223,57%,73%) |
#7f99dc |
rgb(127,153,220) |
hsl(223,57%,68%) |
#6b89d6 |
rgb(107,137,214) |
hsl(223,57%,63%) |
#5779d1 |
rgb(87,121,209) |
hsl(223,57%,58%) |
#436acb |
rgb(67,106,203) |
hsl(223,57%,53%) |
#355cc0 |
rgb(53,92,192) |
hsl(223,57%,48%) |
#2f53ac |
rgb(47,83,172) |
hsl(223,57%,43%) |
#2a4998 |
rgb(42,73,152) |
hsl(223,57%,38%) |
#243f84 |
rgb(36,63,132) |
hsl(223,57%,33%) |
#1f3670 |
rgb(31,54,112) |
hsl(223,57%,28%) |
#192c5c |
rgb(25,44,92) |
hsl(223,57%,23%) |
#142348 |
rgb(20,35,72) |
hsl(223,57%,18%) |
#0e1934 |
rgb(14,25,52) |
hsl(223,57%,13%) |
#090f20 |
rgb(9,15,32) |
hsl(223,57%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C9D1 |
rgb(85,201,209) |
hsl(184,57%,58%) |
#5578D1 |
rgb(85,120,209) |
hsl(223,57%,58%) |
#8454D1 |
rgb(132,84,209) |
hsl(263,58%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3E5 |
rgb(159,179,229) |
hsl(223,57%,76%) |
#7A96DB |
rgb(122,150,219) |
hsl(223,57%,67%) |
#5578D1 |
rgb(85,120,209) |
hsl(223,57%,58%) |
#345CC2 |
rgb(52,92,194) |
hsl(223,58%,48%) |
#2A4A9D |
rgb(42,74,157) |
hsl(223,58%,39%) |
#203878 |
rgb(32,56,120) |
hsl(224,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578D1 |
rgb(85,120,209) |
hsl(223,57%,58%) |
#D17055 |
rgb(209,112,85) |
hsl(13,57%,58%) |
#B6D155 |
rgb(182,209,85) |
hsl(73,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578D1 |
rgb(85,120,209) |
hsl(223,57%,58%) |
#D1AD55 |
rgb(209,173,85) |
hsl(43,57%,58%) |
#55B5D1 |
rgb(85,181,209) |
hsl(194,57%,58%) |
#B6D155 |
rgb(182,209,85) |
hsl(73,57%,58%) |