HEX #316396 color — Azure
The color #316396 is a dark shade and moderately saturated.
Palette
316396 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,51%,99%) |
#e8f0f8 |
rgb(232,240,248) |
hsl(210,51%,94%) |
#d5e3f1 |
rgb(213,227,241) |
hsl(210,51%,89%) |
#c1d6eb |
rgb(193,214,235) |
hsl(210,51%,84%) |
#aec9e5 |
rgb(174,201,229) |
hsl(210,51%,79%) |
#9bbddf |
rgb(155,189,223) |
hsl(210,51%,74%) |
#88b0d8 |
rgb(136,176,216) |
hsl(210,51%,69%) |
#74a3d2 |
rgb(116,163,210) |
hsl(210,51%,64%) |
#6196cc |
rgb(97,150,204) |
hsl(210,51%,59%) |
#4e8ac6 |
rgb(78,138,198) |
hsl(210,51%,54%) |
#3d7dbd |
rgb(61,125,189) |
hsl(210,51%,49%) |
#3770a9 |
rgb(55,112,169) |
hsl(210,51%,44%) |
#316396 |
rgb(49,99,150) |
hsl(210,51%,39%) |
#2a5783 |
rgb(42,87,131) |
hsl(210,51%,34%) |
#244a70 |
rgb(36,74,112) |
hsl(210,51%,29%) |
#1e3d5c |
rgb(30,61,92) |
hsl(210,51%,24%) |
#183049 |
rgb(24,48,73) |
hsl(210,51%,19%) |
#112436 |
rgb(17,36,54) |
hsl(210,51%,14%) |
#0b1723 |
rgb(11,23,35) |
hsl(210,51%,9%) |
#050a0f |
rgb(5,10,15) |
hsl(210,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#319685 |
rgb(49,150,133) |
hsl(170,51%,39%) |
#316396 |
rgb(49,99,150) |
hsl(210,51%,39%) |
#423096 |
rgb(66,48,150) |
hsl(251,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3873AE |
rgb(56,115,174) |
hsl(210,51%,45%) |
#316396 |
rgb(49,99,150) |
hsl(210,51%,39%) |
#29547E |
rgb(41,84,126) |
hsl(210,51%,33%) |
#214266 |
rgb(33,66,102) |
hsl(211,51%,26%) |
#19334E |
rgb(25,51,78) |
hsl(211,51%,20%) |
#112436 |
rgb(17,36,54) |
hsl(209,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#316396 |
rgb(49,99,150) |
hsl(210,51%,39%) |
#963031 |
rgb(150,48,49) |
hsl(359,52%,39%) |
#959631 |
rgb(149,150,49) |
hsl(61,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316396 |
rgb(49,99,150) |
hsl(210,51%,39%) |
#966331 |
rgb(150,99,49) |
hsl(30,51%,39%) |
#319696 |
rgb(49,150,150) |
hsl(180,51%,39%) |
#959631 |
rgb(149,150,49) |
hsl(61,51%,39%) |