HEX #5478D1 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

5478D1 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(223,58%,97%)
#dfe5f6 rgb(223,229,246) hsl(223,58%,92%)
#cbd6f1 rgb(203,214,241) hsl(223,58%,87%)
#b6c6ec rgb(182,198,236) hsl(223,58%,82%)
#a2b6e6 rgb(162,182,230) hsl(223,58%,77%)
#8ea6e1 rgb(142,166,225) hsl(223,58%,72%)
#7a96dc rgb(122,150,220) hsl(223,58%,67%)
#6686d6 rgb(102,134,214) hsl(223,58%,62%)
#5276d1 rgb(82,118,209) hsl(223,58%,57%)
#3e66cc rgb(62,102,204) hsl(223,58%,52%)
#325abd rgb(50,90,189) hsl(223,58%,47%)
#2d50a9 rgb(45,80,169) hsl(223,58%,42%)
#284795 rgb(40,71,149) hsl(223,58%,37%)
#223d81 rgb(34,61,129) hsl(223,58%,32%)
#1d346d rgb(29,52,109) hsl(223,58%,27%)
#182a59 rgb(24,42,89) hsl(223,58%,22%)
#122044 rgb(18,32,68) hsl(223,58%,17%)
#0d1730 rgb(13,23,48) hsl(223,58%,12%)
#070d1c rgb(7,13,28) hsl(223,58%,7%)
#020408 rgb(2,4,8) hsl(223,58%,2%)

Adjacent colors

HEX RGB HSL
#54CCD1 rgb(84,204,209) hsl(182,58%,57%)
#5478D1 rgb(84,120,209) hsl(223,58%,57%)
#8354D1 rgb(131,84,209) hsl(263,58%,57%)

Monochromatic colors

HEX RGB HSL
#9DB3E4 rgb(157,179,228) hsl(221,57%,75%)
#7894DA rgb(120,148,218) hsl(223,57%,66%)
#5478D1 rgb(84,120,209) hsl(223,58%,57%)
#345CC1 rgb(52,92,193) hsl(223,58%,48%)
#2A4D9D rgb(42,77,157) hsl(222,58%,39%)
#203B78 rgb(32,59,120) hsl(222,58%,30%)

Triad color palettes

HEX RGB HSL
#5478D1 rgb(84,120,209) hsl(223,58%,57%)
#D16E54 rgb(209,110,84) hsl(12,58%,57%)
#B6D154 rgb(182,209,84) hsl(73,58%,57%)

Tetrad color palettes

HEX RGB HSL
#5478D1 rgb(84,120,209) hsl(223,58%,57%)
#D1AD54 rgb(209,173,84) hsl(43,58%,57%)
#54B8D1 rgb(84,184,209) hsl(192,58%,57%)
#B6D154 rgb(182,209,84) hsl(73,58%,57%)