HEX #3A5BA6 color — Azure

The color #3a5ba6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3a5ba6 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(222,48%,99%)
#e8edf7 rgb(232,237,247) hsl(222,48%,94%)
#d5def0 rgb(213,222,240) hsl(222,48%,89%)
#c3ceea rgb(195,206,234) hsl(222,48%,84%)
#b0bfe3 rgb(176,191,227) hsl(222,48%,79%)
#9db0dd rgb(157,176,221) hsl(222,48%,74%)
#8aa1d6 rgb(138,161,214) hsl(222,48%,69%)
#7792cf rgb(119,146,207) hsl(222,48%,64%)
#6482c9 rgb(100,130,201) hsl(222,48%,59%)
#5173c2 rgb(81,115,194) hsl(222,48%,54%)
#4165b9 rgb(65,101,185) hsl(222,48%,49%)
#3a5ba6 rgb(58,91,166) hsl(222,48%,44%)
#345093 rgb(52,80,147) hsl(222,48%,39%)
#2d4680 rgb(45,70,128) hsl(222,48%,34%)
#263c6d rgb(38,60,109) hsl(222,48%,29%)
#20315b rgb(32,49,91) hsl(222,48%,24%)
#192748 rgb(25,39,72) hsl(222,48%,19%)
#131d35 rgb(19,29,53) hsl(222,48%,14%)
#0c1322 rgb(12,19,34) hsl(222,48%,9%)
#05080f rgb(5,8,15) hsl(222,48%,4%)

Adjacent colors

HEX RGB HSL
#3AA3A6 rgb(58,163,166) hsl(182,48%,44%)
#3A5BA6 rgb(58,91,166) hsl(222,48%,44%)
#613BA6 rgb(97,59,166) hsl(261,48%,44%)

Monochromatic colors

HEX RGB HSL
#6080C7 rgb(96,128,199) hsl(221,48%,58%)
#456BBE rgb(69,107,190) hsl(221,48%,51%)
#3A5BA6 rgb(58,91,166) hsl(222,48%,44%)
#304D8B rgb(48,77,139) hsl(221,49%,37%)
#273D70 rgb(39,61,112) hsl(222,48%,30%)
#1E3056 rgb(30,48,86) hsl(221,48%,23%)

Triad color palettes

HEX RGB HSL
#3A5BA6 rgb(58,91,166) hsl(222,48%,44%)
#A64F3A rgb(166,79,58) hsl(12,48%,44%)
#91A63A rgb(145,166,58) hsl(72,48%,44%)

Tetrad color palettes

HEX RGB HSL
#3A5BA6 rgb(58,91,166) hsl(222,48%,44%)
#A6853A rgb(166,133,58) hsl(42,48%,44%)
#3A91A6 rgb(58,145,166) hsl(192,48%,44%)
#91A63A rgb(145,166,58) hsl(72,48%,44%)