HEX #315CA5 color — Azure
The color #315CA5 is a dark shade and moderately saturated.
Palette
315CA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(218,54%,97%) |
#e0e8f6 |
rgb(224,232,246) |
hsl(218,54%,92%) |
#ccd9f0 |
rgb(204,217,240) |
hsl(218,54%,87%) |
#b8caea |
rgb(184,202,234) |
hsl(218,54%,82%) |
#a5bce4 |
rgb(165,188,228) |
hsl(218,54%,77%) |
#91adde |
rgb(145,173,222) |
hsl(218,54%,72%) |
#7d9fd8 |
rgb(125,159,216) |
hsl(218,54%,67%) |
#6a90d2 |
rgb(106,144,210) |
hsl(218,54%,62%) |
#5682cd |
rgb(86,130,205) |
hsl(218,54%,57%) |
#4373c7 |
rgb(67,115,199) |
hsl(218,54%,52%) |
#3767b9 |
rgb(55,103,185) |
hsl(218,54%,47%) |
#315ca5 |
rgb(49,92,165) |
hsl(218,54%,42%) |
#2b5191 |
rgb(43,81,145) |
hsl(218,54%,37%) |
#26467e |
rgb(38,70,126) |
hsl(218,54%,32%) |
#203b6a |
rgb(32,59,106) |
hsl(218,54%,27%) |
#1a3056 |
rgb(26,48,86) |
hsl(218,54%,22%) |
#142543 |
rgb(20,37,67) |
hsl(218,54%,17%) |
#0e1a2f |
rgb(14,26,47) |
hsl(218,54%,12%) |
#080f1b |
rgb(8,15,27) |
hsl(218,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A6A0 |
rgb(49,166,160) |
hsl(177,54%,42%) |
#315CA5 |
rgb(49,92,165) |
hsl(218,54%,42%) |
#5330A5 |
rgb(83,48,165) |
hsl(258,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F7DCA |
rgb(79,125,202) |
hsl(218,54%,55%) |
#386BBF |
rgb(56,107,191) |
hsl(217,55%,48%) |
#315CA5 |
rgb(49,92,165) |
hsl(218,54%,42%) |
#294D8A |
rgb(41,77,138) |
hsl(218,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 |
#315CA5 |
rgb(49,92,165) |
hsl(218,54%,42%) |
#A54031 |
rgb(165,64,49) |
hsl(8,54%,42%) |
#96A631 |
rgb(150,166,49) |
hsl(68,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CA5 |
rgb(49,92,165) |
hsl(218,54%,42%) |
#A57A31 |
rgb(165,122,49) |
hsl(38,54%,42%) |
#3196A5 |
rgb(49,150,165) |
hsl(188,54%,42%) |
#96A631 |
rgb(150,166,49) |
hsl(68,54%,42%) |