HEX #5478D0 color — Indigo

The color #5478D0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5478D0 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
#54C9D0 rgb(84,201,208) hsl(183,57%,57%)
#5478D0 rgb(84,120,208) hsl(223,57%,57%)
#8254D0 rgb(130,84,208) hsl(262,57%,57%)

Monochromatic colors

HEX RGB HSL
#9DB3E4 rgb(157,179,228) hsl(221,57%,75%)
#7894DA rgb(120,148,218) hsl(223,57%,66%)
#5478D0 rgb(84,120,208) hsl(223,57%,57%)
#345EC0 rgb(52,94,192) hsl(222,57%,48%)
#2A4D9B rgb(42,77,155) hsl(221,57%,39%)
#203B77 rgb(32,59,119) hsl(221,58%,30%)

Triad color palettes

HEX RGB HSL
#5478D0 rgb(84,120,208) hsl(223,57%,57%)
#D06E54 rgb(208,110,84) hsl(13,57%,57%)
#B6D154 rgb(182,209,84) hsl(73,58%,57%)

Tetrad color palettes

HEX RGB HSL
#5478D0 rgb(84,120,208) hsl(223,57%,57%)
#D0AB54 rgb(208,171,84) hsl(42,57%,57%)
#54B5D0 rgb(84,181,208) hsl(193,57%,57%)
#B6D154 rgb(182,209,84) hsl(73,58%,57%)