HEX #315EA5 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

315ea5 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
#31A69E rgb(49,166,158) hsl(176,54%,42%)
#315EA5 rgb(49,94,165) hsl(217,54%,42%)
#5130A5 rgb(81,48,165) hsl(257,55%,42%)

Monochromatic colors

HEX RGB HSL
#4F80CA rgb(79,128,202) hsl(216,54%,55%)
#386EBF rgb(56,110,191) hsl(216,55%,48%)
#315EA5 rgb(49,94,165) hsl(217,54%,42%)
#294F8A rgb(41,79,138) hsl(216,54%,35%)
#214070 rgb(33,64,112) hsl(216,54%,28%)
#193055 rgb(25,48,85) hsl(217,55%,22%)

Triad color palettes

HEX RGB HSL
#315EA5 rgb(49,94,165) hsl(217,54%,42%)
#A53D31 rgb(165,61,49) hsl(6,54%,42%)
#98A631 rgb(152,166,49) hsl(67,54%,42%)

Tetrad color palettes

HEX RGB HSL
#315EA5 rgb(49,94,165) hsl(217,54%,42%)
#A57831 rgb(165,120,49) hsl(37,54%,42%)
#3199A5 rgb(49,153,165) hsl(186,54%,42%)
#98A631 rgb(152,166,49) hsl(67,54%,42%)