HEX #315CA3 color — Azure

The color #315CA3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

315CA3 color palette from light to dark

HEX RGB HSL
#f3f6fb rgb(243,246,251) hsl(217,54%,97%)
#e0e8f6 rgb(224,232,246) hsl(217,54%,92%)
#ccdaf0 rgb(204,218,240) hsl(217,54%,87%)
#b8cbea rgb(184,203,234) hsl(217,54%,82%)
#a5bde4 rgb(165,189,228) hsl(217,54%,77%)
#91afde rgb(145,175,222) hsl(217,54%,72%)
#7da0d8 rgb(125,160,216) hsl(217,54%,67%)
#6a92d2 rgb(106,146,210) hsl(217,54%,62%)
#5684cd rgb(86,132,205) hsl(217,54%,57%)
#4375c7 rgb(67,117,199) hsl(217,54%,52%)
#3769b9 rgb(55,105,185) hsl(217,54%,47%)
#315ea5 rgb(49,94,165) hsl(217,54%,42%)
#2b5291 rgb(43,82,145) hsl(217,54%,37%)
#26477e rgb(38,71,126) hsl(217,54%,32%)
#203c6a rgb(32,60,106) hsl(217,54%,27%)
#1a3156 rgb(26,49,86) hsl(217,54%,22%)
#142643 rgb(20,38,67) hsl(217,54%,17%)
#0e1b2f rgb(14,27,47) hsl(217,54%,12%)
#08101b rgb(8,16,27) hsl(217,54%,7%)
#020408 rgb(2,4,8) hsl(217,54%,2%)

Adjacent colors

HEX RGB HSL
#31A39E rgb(49,163,158) hsl(177,54%,42%)
#315CA3 rgb(49,92,163) hsl(217,54%,42%)
#5230A3 rgb(82,48,163) hsl(258,55%,41%)

Monochromatic colors

HEX RGB HSL
#4E7DC9 rgb(78,125,201) hsl(217,53%,55%)
#386BBD rgb(56,107,189) hsl(217,54%,48%)
#315CA3 rgb(49,92,163) hsl(217,54%,42%)
#294D88 rgb(41,77,136) hsl(217,54%,35%)
#21406E rgb(33,64,110) hsl(216,54%,28%)
#193054 rgb(25,48,84) hsl(217,54%,21%)

Triad color palettes

HEX RGB HSL
#315CA3 rgb(49,92,163) hsl(217,54%,42%)
#A34031 rgb(163,64,49) hsl(8,54%,42%)
#95A331 rgb(149,163,49) hsl(67,54%,42%)

Tetrad color palettes

HEX RGB HSL
#315CA3 rgb(49,92,163) hsl(217,54%,42%)
#A37831 rgb(163,120,49) hsl(37,54%,42%)
#3194A3 rgb(49,148,163) hsl(188,54%,42%)
#95A331 rgb(149,163,49) hsl(67,54%,42%)