HEX #5A7AC4 color — Indigo

The color #5a7ac4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5a7ac4 color palette from light to dark

HEX RGB HSL
#f0f3fa rgb(240,243,250) hsl(222,47%,96%)
#dde4f3 rgb(221,228,243) hsl(222,47%,91%)
#cbd5ec rgb(203,213,236) hsl(222,47%,86%)
#b8c5e5 rgb(184,197,229) hsl(222,47%,81%)
#a5b6df rgb(165,182,223) hsl(222,47%,76%)
#92a7d8 rgb(146,167,216) hsl(222,47%,71%)
#8098d1 rgb(128,152,209) hsl(222,47%,66%)
#6d89ca rgb(109,137,202) hsl(222,47%,61%)
#5a7ac4 rgb(90,122,196) hsl(222,47%,56%)
#476bbd rgb(71,107,189) hsl(222,47%,51%)
#3e5fac rgb(62,95,172) hsl(222,47%,46%)
#37559a rgb(55,85,154) hsl(222,47%,41%)
#314b87 rgb(49,75,135) hsl(222,47%,36%)
#2a4074 rgb(42,64,116) hsl(222,47%,31%)
#233661 rgb(35,54,97) hsl(222,47%,26%)
#1c2b4f rgb(28,43,79) hsl(222,47%,21%)
#16213c rgb(22,33,60) hsl(222,47%,16%)
#0f1729 rgb(15,23,41) hsl(222,47%,11%)
#080c16 rgb(8,12,22) hsl(222,47%,6%)
#010204 rgb(1,2,4) hsl(222,47%,1%)

Adjacent colors

HEX RGB HSL
#5AC2C4 rgb(90,194,196) hsl(181,47%,56%)
#5A7AC4 rgb(90,122,196) hsl(222,47%,56%)
#8059C4 rgb(128,89,196) hsl(262,48%,56%)

Monochromatic colors

HEX RGB HSL
#9DB0DC rgb(157,176,220) hsl(222,47%,74%)
#7B94D0 rgb(123,148,208) hsl(222,47%,65%)
#5A7AC4 rgb(90,122,196) hsl(222,47%,56%)
#3F61B0 rgb(63,97,176) hsl(222,47%,47%)
#334F8F rgb(51,79,143) hsl(222,47%,38%)
#273D6D rgb(39,61,109) hsl(221,47%,29%)

Triad color palettes

HEX RGB HSL
#5A7AC4 rgb(90,122,196) hsl(222,47%,56%)
#C4705A rgb(196,112,90) hsl(12,47%,56%)
#AFC45A rgb(175,196,90) hsl(72,47%,56%)

Tetrad color palettes

HEX RGB HSL
#5A7AC4 rgb(90,122,196) hsl(222,47%,56%)
#C4A35A rgb(196,163,90) hsl(41,47%,56%)
#5AB0C4 rgb(90,176,196) hsl(191,47%,56%)
#AFC45A rgb(175,196,90) hsl(72,47%,56%)