HEX #5478C9 color — Indigo
The color #5478C9 is a dark shade and moderately saturated.
Palette
5478C9 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(222,52%,96%) |
#dce3f4 |
rgb(220,227,244) |
hsl(222,52%,91%) |
#c9d4ee |
rgb(201,212,238) |
hsl(222,52%,86%) |
#b5c4e8 |
rgb(181,196,232) |
hsl(222,52%,81%) |
#a2b5e2 |
rgb(162,181,226) |
hsl(222,52%,76%) |
#8fa6dc |
rgb(143,166,220) |
hsl(222,52%,71%) |
#7b96d5 |
rgb(123,150,213) |
hsl(222,52%,66%) |
#6887cf |
rgb(104,135,207) |
hsl(222,52%,61%) |
#5477c9 |
rgb(84,119,201) |
hsl(222,52%,56%) |
#4168c3 |
rgb(65,104,195) |
hsl(222,52%,51%) |
#385db2 |
rgb(56,93,178) |
hsl(222,52%,46%) |
#32539f |
rgb(50,83,159) |
hsl(222,52%,41%) |
#2c498c |
rgb(44,73,140) |
hsl(222,52%,36%) |
#263f78 |
rgb(38,63,120) |
hsl(222,52%,31%) |
#203565 |
rgb(32,53,101) |
hsl(222,52%,26%) |
#1a2a51 |
rgb(26,42,81) |
hsl(222,52%,21%) |
#14203e |
rgb(20,32,62) |
hsl(222,52%,16%) |
#0d162b |
rgb(13,22,43) |
hsl(222,52%,11%) |
#070c17 |
rgb(7,12,23) |
hsl(222,52%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54C7C9 |
rgb(84,199,201) |
hsl(181,52%,56%) |
#5478C9 |
rgb(84,120,201) |
hsl(222,52%,56%) |
#7E54C9 |
rgb(126,84,201) |
hsl(262,52%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99B0DE |
rgb(153,176,222) |
hsl(220,51%,74%) |
#7694D3 |
rgb(118,148,211) |
hsl(221,51%,65%) |
#5478C9 |
rgb(84,120,201) |
hsl(222,52%,56%) |
#3961B5 |
rgb(57,97,181) |
hsl(221,52%,47%) |
#2E4D93 |
rgb(46,77,147) |
hsl(222,52%,38%) |
#233B70 |
rgb(35,59,112) |
hsl(221,52%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478C9 |
rgb(84,120,201) |
hsl(222,52%,56%) |
#C96B54 |
rgb(201,107,84) |
hsl(12,52%,56%) |
#B2C954 |
rgb(178,201,84) |
hsl(72,52%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478C9 |
rgb(84,120,201) |
hsl(222,52%,56%) |
#C9A654 |
rgb(201,166,84) |
hsl(42,52%,56%) |
#54B3C9 |
rgb(84,179,201) |
hsl(191,52%,56%) |
#B2C954 |
rgb(178,201,84) |
hsl(72,52%,56%) |