HEX #316B9D color — Azure
The color #316B9D is a dark shade and moderately saturated.
Palette
316B9D color palette from light to dark
HEX |
RGB |
HSL |
#ecf3f9 |
rgb(236,243,249) |
hsl(208,52%,95%) |
#d8e6f3 |
rgb(216,230,243) |
hsl(208,52%,90%) |
#c5daed |
rgb(197,218,237) |
hsl(208,52%,85%) |
#b1cee7 |
rgb(177,206,231) |
hsl(208,52%,80%) |
#9ec1e0 |
rgb(158,193,224) |
hsl(208,52%,75%) |
#8bb5da |
rgb(139,181,218) |
hsl(208,52%,70%) |
#77a9d4 |
rgb(119,169,212) |
hsl(208,52%,65%) |
#649dce |
rgb(100,157,206) |
hsl(208,52%,60%) |
#5190c8 |
rgb(81,144,200) |
hsl(208,52%,55%) |
#3d84c2 |
rgb(61,132,194) |
hsl(208,52%,50%) |
#3777ae |
rgb(55,119,174) |
hsl(208,52%,45%) |
#316a9b |
rgb(49,106,155) |
hsl(208,52%,40%) |
#2b5c88 |
rgb(43,92,136) |
hsl(208,52%,35%) |
#254f74 |
rgb(37,79,116) |
hsl(208,52%,30%) |
#1f4261 |
rgb(31,66,97) |
hsl(208,52%,25%) |
#18354e |
rgb(24,53,78) |
hsl(208,52%,20%) |
#12283a |
rgb(18,40,58) |
hsl(208,52%,15%) |
#0c1a27 |
rgb(12,26,39) |
hsl(208,52%,10%) |
#060d13 |
rgb(6,13,19) |
hsl(208,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#319E87 |
rgb(49,158,135) |
hsl(167,53%,41%) |
#316B9D |
rgb(49,107,157) |
hsl(208,52%,40%) |
#3F309D |
rgb(63,48,157) |
hsl(248,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#498CC6 |
rgb(73,140,198) |
hsl(208,52%,53%) |
#387DB6 |
rgb(56,125,182) |
hsl(207,53%,47%) |
#316B9D |
rgb(49,107,157) |
hsl(208,52%,40%) |
#295983 |
rgb(41,89,131) |
hsl(208,52%,34%) |
#214A6A |
rgb(33,74,106) |
hsl(206,53%,27%) |
#193851 |
rgb(25,56,81) |
hsl(207,53%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B9D |
rgb(49,107,157) |
hsl(208,52%,40%) |
#9D3035 |
rgb(157,48,53) |
hsl(357,53%,40%) |
#9D9931 |
rgb(157,153,49) |
hsl(58,52%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B9D |
rgb(49,107,157) |
hsl(208,52%,40%) |
#9D6331 |
rgb(157,99,49) |
hsl(28,52%,40%) |
#319E99 |
rgb(49,158,153) |
hsl(177,53%,41%) |
#9D9931 |
rgb(157,153,49) |
hsl(58,52%,40%) |