HEX #316A9B color — Azure
The color #316a9b is a dark shade and moderately saturated.
Palette
316a9b 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 |
#319C85 |
rgb(49,156,133) |
hsl(167,52%,40%) |
#316A9B |
rgb(49,106,155) |
hsl(208,52%,40%) |
#3E309B |
rgb(62,48,155) |
hsl(248,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387AB3 |
rgb(56,122,179) |
hsl(208,52%,46%) |
#316A9B |
rgb(49,106,155) |
hsl(208,52%,40%) |
#295982 |
rgb(41,89,130) |
hsl(208,52%,34%) |
#214769 |
rgb(33,71,105) |
hsl(208,52%,27%) |
#193850 |
rgb(25,56,80) |
hsl(206,52%,21%) |
#112637 |
rgb(17,38,55) |
hsl(207,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#316A9B |
rgb(49,106,155) |
hsl(208,52%,40%) |
#9B3035 |
rgb(155,48,53) |
hsl(357,53%,40%) |
#9B9631 |
rgb(155,150,49) |
hsl(57,52%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316A9B |
rgb(49,106,155) |
hsl(208,52%,40%) |
#9B6131 |
rgb(155,97,49) |
hsl(27,52%,40%) |
#319C97 |
rgb(49,156,151) |
hsl(177,52%,40%) |
#9B9631 |
rgb(155,150,49) |
hsl(57,52%,40%) |