HEX #5578D0 color — Indigo
The color #5578D0 is a dark shade and moderately saturated.
Palette
5578D0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(223,57%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(223,57%,92%) |
#cbd6f1 |
rgb(203,214,241) |
hsl(223,57%,87%) |
#b7c6eb |
rgb(183,198,235) |
hsl(223,57%,82%) |
#a3b6e6 |
rgb(163,182,230) |
hsl(223,57%,77%) |
#8fa6e0 |
rgb(143,166,224) |
hsl(223,57%,72%) |
#7b96db |
rgb(123,150,219) |
hsl(223,57%,67%) |
#6786d5 |
rgb(103,134,213) |
hsl(223,57%,62%) |
#5376d0 |
rgb(83,118,208) |
hsl(223,57%,57%) |
#3f66ca |
rgb(63,102,202) |
hsl(223,57%,52%) |
#345abc |
rgb(52,90,188) |
hsl(223,57%,47%) |
#2e51a8 |
rgb(46,81,168) |
hsl(223,57%,42%) |
#294794 |
rgb(41,71,148) |
hsl(223,57%,37%) |
#233d80 |
rgb(35,61,128) |
hsl(223,57%,32%) |
#1e346c |
rgb(30,52,108) |
hsl(223,57%,27%) |
#182a58 |
rgb(24,42,88) |
hsl(223,57%,22%) |
#132144 |
rgb(19,33,68) |
hsl(223,57%,17%) |
#0d1730 |
rgb(13,23,48) |
hsl(223,57%,12%) |
#080d1c |
rgb(8,13,28) |
hsl(223,57%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C9D0 |
rgb(85,201,208) |
hsl(183,57%,57%) |
#5578D0 |
rgb(85,120,208) |
hsl(223,57%,57%) |
#8454D0 |
rgb(132,84,208) |
hsl(263,57%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EB3E4 |
rgb(158,179,228) |
hsl(222,56%,76%) |
#7994DA |
rgb(121,148,218) |
hsl(223,57%,66%) |
#5578D0 |
rgb(85,120,208) |
hsl(223,57%,57%) |
#355CC0 |
rgb(53,92,192) |
hsl(223,57%,48%) |
#2B4D9C |
rgb(43,77,156) |
hsl(222,57%,39%) |
#213B77 |
rgb(33,59,119) |
hsl(222,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578D0 |
rgb(85,120,208) |
hsl(223,57%,57%) |
#D07055 |
rgb(208,112,85) |
hsl(13,57%,57%) |
#B5D155 |
rgb(181,209,85) |
hsl(74,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578D0 |
rgb(85,120,208) |
hsl(223,57%,57%) |
#D0AD55 |
rgb(208,173,85) |
hsl(43,57%,57%) |
#55B5D0 |
rgb(85,181,208) |
hsl(193,57%,57%) |
#B5D155 |
rgb(181,209,85) |
hsl(74,57%,58%) |