HEX #316BA4 color — Azure
The color #316BA4 is a dark shade and moderately saturated.
Palette
316BA4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(210,54%,97%) |
#e0ebf6 |
rgb(224,235,246) |
hsl(210,54%,92%) |
#ccdef0 |
rgb(204,222,240) |
hsl(210,54%,87%) |
#b8d1ea |
rgb(184,209,234) |
hsl(210,54%,82%) |
#a5c4e4 |
rgb(165,196,228) |
hsl(210,54%,77%) |
#91b8de |
rgb(145,184,222) |
hsl(210,54%,72%) |
#7dabd8 |
rgb(125,171,216) |
hsl(210,54%,67%) |
#6a9ed2 |
rgb(106,158,210) |
hsl(210,54%,62%) |
#5691cd |
rgb(86,145,205) |
hsl(210,54%,57%) |
#4385c7 |
rgb(67,133,199) |
hsl(210,54%,52%) |
#3778b9 |
rgb(55,120,185) |
hsl(210,54%,47%) |
#316ba5 |
rgb(49,107,165) |
hsl(210,54%,42%) |
#2b5e91 |
rgb(43,94,145) |
hsl(210,54%,37%) |
#26527e |
rgb(38,82,126) |
hsl(210,54%,32%) |
#20456a |
rgb(32,69,106) |
hsl(210,54%,27%) |
#1a3856 |
rgb(26,56,86) |
hsl(210,54%,22%) |
#142b43 |
rgb(20,43,67) |
hsl(210,54%,17%) |
#0e1f2f |
rgb(14,31,47) |
hsl(210,54%,12%) |
#08121b |
rgb(8,18,27) |
hsl(210,54%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A390 |
rgb(49,163,144) |
hsl(170,54%,42%) |
#316BA4 |
rgb(49,107,164) |
hsl(210,54%,42%) |
#4330A4 |
rgb(67,48,164) |
hsl(250,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E8CCA |
rgb(78,140,202) |
hsl(210,54%,55%) |
#387DBE |
rgb(56,125,190) |
hsl(209,54%,48%) |
#316BA4 |
rgb(49,107,164) |
hsl(210,54%,42%) |
#295989 |
rgb(41,89,137) |
hsl(210,54%,35%) |
#214A6F |
rgb(33,74,111) |
hsl(208,54%,28%) |
#193855 |
rgb(25,56,85) |
hsl(209,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BA4 |
rgb(49,107,164) |
hsl(210,54%,42%) |
#A43031 |
rgb(164,48,49) |
hsl(359,55%,42%) |
#A4A331 |
rgb(164,163,49) |
hsl(59,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BA4 |
rgb(49,107,164) |
hsl(210,54%,42%) |
#A46B31 |
rgb(164,107,49) |
hsl(30,54%,42%) |
#31A3A3 |
rgb(49,163,163) |
hsl(180,54%,42%) |
#A4A331 |
rgb(164,163,49) |
hsl(59,54%,42%) |