HEX #3157A3 color — Azure

The color #3157A3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3157A3 color palette from light to dark

HEX RGB HSL
#f3f6fb rgb(243,246,251) hsl(220,54%,97%)
#e0e7f6 rgb(224,231,246) hsl(220,54%,92%)
#ccd8f0 rgb(204,216,240) hsl(220,54%,87%)
#b8c9ea rgb(184,201,234) hsl(220,54%,82%)
#a5bae4 rgb(165,186,228) hsl(220,54%,77%)
#91abde rgb(145,171,222) hsl(220,54%,72%)
#7d9cd8 rgb(125,156,216) hsl(220,54%,67%)
#6a8dd2 rgb(106,141,210) hsl(220,54%,62%)
#567ecd rgb(86,126,205) hsl(220,54%,57%)
#436fc7 rgb(67,111,199) hsl(220,54%,52%)
#3762b9 rgb(55,98,185) hsl(220,54%,47%)
#3158a5 rgb(49,88,165) hsl(220,54%,42%)
#2b4d91 rgb(43,77,145) hsl(220,54%,37%)
#26437e rgb(38,67,126) hsl(220,54%,32%)
#20386a rgb(32,56,106) hsl(220,54%,27%)
#1a2e56 rgb(26,46,86) hsl(220,54%,22%)
#142443 rgb(20,36,67) hsl(220,54%,17%)
#0e192f rgb(14,25,47) hsl(220,54%,12%)
#080f1b rgb(8,15,27) hsl(220,54%,7%)
#020408 rgb(2,4,8) hsl(220,54%,2%)

Adjacent colors

HEX RGB HSL
#31A3A3 rgb(49,163,163) hsl(180,54%,42%)
#3157A3 rgb(49,87,163) hsl(220,54%,42%)
#5730A3 rgb(87,48,163) hsl(260,55%,41%)

Monochromatic colors

HEX RGB HSL
#4E78C9 rgb(78,120,201) hsl(220,53%,55%)
#3866BD rgb(56,102,189) hsl(219,54%,48%)
#3157A3 rgb(49,87,163) hsl(220,54%,42%)
#294A88 rgb(41,74,136) hsl(219,54%,35%)
#213B6E rgb(33,59,110) hsl(220,54%,28%)
#192E54 rgb(25,46,84) hsl(219,54%,21%)

Triad color palettes

HEX RGB HSL
#3157A3 rgb(49,87,163) hsl(220,54%,42%)
#A34531 rgb(163,69,49) hsl(11,54%,42%)
#90A331 rgb(144,163,49) hsl(70,54%,42%)

Tetrad color palettes

HEX RGB HSL
#3157A3 rgb(49,87,163) hsl(220,54%,42%)
#A37D31 rgb(163,125,49) hsl(40,54%,42%)
#318FA3 rgb(49,143,163) hsl(191,54%,42%)
#90A331 rgb(144,163,49) hsl(70,54%,42%)