HEX #3156A5 color — Azure

The color #3156a5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3156a5 color palette from light to dark

HEX RGB HSL
#f3f6fb rgb(243,246,251) hsl(221,54%,97%)
#e0e7f6 rgb(224,231,246) hsl(221,54%,92%)
#ccd7f0 rgb(204,215,240) hsl(221,54%,87%)
#b8c8ea rgb(184,200,234) hsl(221,54%,82%)
#a5b9e4 rgb(165,185,228) hsl(221,54%,77%)
#91a9de rgb(145,169,222) hsl(221,54%,72%)
#7d9ad8 rgb(125,154,216) hsl(221,54%,67%)
#6a8bd2 rgb(106,139,210) hsl(221,54%,62%)
#567ccd rgb(86,124,205) hsl(221,54%,57%)
#436cc7 rgb(67,108,199) hsl(221,54%,52%)
#3760b9 rgb(55,96,185) hsl(221,54%,47%)
#3156a5 rgb(49,86,165) hsl(221,54%,42%)
#2b4c91 rgb(43,76,145) hsl(221,54%,37%)
#26417e rgb(38,65,126) hsl(221,54%,32%)
#20376a rgb(32,55,106) hsl(221,54%,27%)
#1a2d56 rgb(26,45,86) hsl(221,54%,22%)
#142343 rgb(20,35,67) hsl(221,54%,17%)
#0e192f rgb(14,25,47) hsl(221,54%,12%)
#080e1b rgb(8,14,27) hsl(221,54%,7%)
#020408 rgb(2,4,8) hsl(221,54%,2%)

Adjacent colors

HEX RGB HSL
#31A3A5 rgb(49,163,165) hsl(181,54%,42%)
#3156A5 rgb(49,86,165) hsl(221,54%,42%)
#5930A5 rgb(89,48,165) hsl(261,55%,42%)

Monochromatic colors

HEX RGB HSL
#4F78CA rgb(79,120,202) hsl(220,54%,55%)
#3863BF rgb(56,99,191) hsl(221,55%,48%)
#3156A5 rgb(49,86,165) hsl(221,54%,42%)
#29478A rgb(41,71,138) hsl(221,54%,35%)
#213B70 rgb(33,59,112) hsl(220,54%,28%)
#192E55 rgb(25,46,85) hsl(219,55%,22%)

Triad color palettes

HEX RGB HSL
#3156A5 rgb(49,86,165) hsl(221,54%,42%)
#A54531 rgb(165,69,49) hsl(10,54%,42%)
#90A631 rgb(144,166,49) hsl(71,54%,42%)

Tetrad color palettes

HEX RGB HSL
#3156A5 rgb(49,86,165) hsl(221,54%,42%)
#A58031 rgb(165,128,49) hsl(41,54%,42%)
#318FA5 rgb(49,143,165) hsl(191,54%,42%)
#90A631 rgb(144,166,49) hsl(71,54%,42%)