HEX #5578BF color — Indigo
The color #5578BF is a dark shade and moderately saturated.
Palette
5578BF color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,45%,99%) |
#e9edf7 |
rgb(233,237,247) |
hsl(220,45%,94%) |
#d6dff0 |
rgb(214,223,240) |
hsl(220,45%,89%) |
#c4d0e9 |
rgb(196,208,233) |
hsl(220,45%,84%) |
#b1c1e2 |
rgb(177,193,226) |
hsl(220,45%,79%) |
#9fb3db |
rgb(159,179,219) |
hsl(220,45%,74%) |
#8ca4d4 |
rgb(140,164,212) |
hsl(220,45%,69%) |
#7a95cd |
rgb(122,149,205) |
hsl(220,45%,64%) |
#6787c5 |
rgb(103,135,197) |
hsl(220,45%,59%) |
#5578be |
rgb(85,120,190) |
hsl(220,45%,54%) |
#456ab5 |
rgb(69,106,181) |
hsl(220,45%,49%) |
#3e5fa3 |
rgb(62,95,163) |
hsl(220,45%,44%) |
#375590 |
rgb(55,85,144) |
hsl(220,45%,39%) |
#304a7e |
rgb(48,74,126) |
hsl(220,45%,34%) |
#293f6b |
rgb(41,63,107) |
hsl(220,45%,29%) |
#223459 |
rgb(34,52,89) |
hsl(220,45%,24%) |
#1b2946 |
rgb(27,41,70) |
hsl(220,45%,19%) |
#141e34 |
rgb(20,30,52) |
hsl(220,45%,14%) |
#0d1421 |
rgb(13,20,33) |
hsl(220,45%,9%) |
#06090f |
rgb(6,9,15) |
hsl(220,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BFBF |
rgb(85,191,191) |
hsl(180,45%,54%) |
#5578BF |
rgb(85,120,191) |
hsl(220,45%,54%) |
#7854BF |
rgb(120,84,191) |
hsl(260,46%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95ABD7 |
rgb(149,171,215) |
hsl(220,45%,71%) |
#7591CB |
rgb(117,145,203) |
hsl(220,45%,63%) |
#5578BF |
rgb(85,120,191) |
hsl(220,45%,54%) |
#3F61A8 |
rgb(63,97,168) |
hsl(221,45%,45%) |
#334F88 |
rgb(51,79,136) |
hsl(220,45%,37%) |
#273D68 |
rgb(39,61,104) |
hsl(220,45%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578BF |
rgb(85,120,191) |
hsl(220,45%,54%) |
#BF6655 |
rgb(191,102,85) |
hsl(10,45%,54%) |
#ADBF55 |
rgb(173,191,85) |
hsl(70,45%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578BF |
rgb(85,120,191) |
hsl(220,45%,54%) |
#BF9C55 |
rgb(191,156,85) |
hsl(40,45%,54%) |
#55ADBF |
rgb(85,173,191) |
hsl(190,45%,54%) |
#ADBF55 |
rgb(173,191,85) |
hsl(70,45%,54%) |