HEX #5475D0 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

5475D0 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(224,57%,97%)
#dfe5f6 rgb(223,229,246) hsl(224,57%,92%)
#cbd5f1 rgb(203,213,241) hsl(224,57%,87%)
#b7c5eb rgb(183,197,235) hsl(224,57%,82%)
#a3b5e6 rgb(163,181,230) hsl(224,57%,77%)
#8fa5e0 rgb(143,165,224) hsl(224,57%,72%)
#7b94db rgb(123,148,219) hsl(224,57%,67%)
#6784d5 rgb(103,132,213) hsl(224,57%,62%)
#5374d0 rgb(83,116,208) hsl(224,57%,57%)
#3f64ca rgb(63,100,202) hsl(224,57%,52%)
#3458bc rgb(52,88,188) hsl(224,57%,47%)
#2e4fa8 rgb(46,79,168) hsl(224,57%,42%)
#294594 rgb(41,69,148) hsl(224,57%,37%)
#233c80 rgb(35,60,128) hsl(224,57%,32%)
#1e336c rgb(30,51,108) hsl(224,57%,27%)
#182958 rgb(24,41,88) hsl(224,57%,22%)
#132044 rgb(19,32,68) hsl(224,57%,17%)
#0d1630 rgb(13,22,48) hsl(224,57%,12%)
#080d1c rgb(8,13,28) hsl(224,57%,7%)
#020408 rgb(2,4,8) hsl(224,57%,2%)

Adjacent colors

HEX RGB HSL
#54C7D0 rgb(84,199,208) hsl(184,57%,57%)
#5475D0 rgb(84,117,208) hsl(224,57%,57%)
#8554D0 rgb(133,84,208) hsl(264,57%,57%)

Monochromatic colors

HEX RGB HSL
#9DB0E4 rgb(157,176,228) hsl(224,57%,75%)
#7891DA rgb(120,145,218) hsl(225,57%,66%)
#5475D0 rgb(84,117,208) hsl(224,57%,57%)
#3459C0 rgb(52,89,192) hsl(224,57%,48%)
#2A4A9B rgb(42,74,155) hsl(223,57%,39%)
#203877 rgb(32,56,119) hsl(223,58%,30%)

Triad color palettes

HEX RGB HSL
#5475D0 rgb(84,117,208) hsl(224,57%,57%)
#D07054 rgb(208,112,84) hsl(14,57%,57%)
#B3D154 rgb(179,209,84) hsl(74,58%,57%)

Tetrad color palettes

HEX RGB HSL
#5475D0 rgb(84,117,208) hsl(224,57%,57%)
#D0B054 rgb(208,176,84) hsl(45,57%,57%)
#54B3D0 rgb(84,179,208) hsl(194,57%,57%)
#B3D154 rgb(179,209,84) hsl(74,58%,57%)