HEX #396BA5 color — Azure
The color #396BA5 is a dark shade and moderately saturated.
Palette
396BA5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,49%,99%) |
#e8eff7 |
rgb(232,239,247) |
hsl(212,49%,94%) |
#d5e2f1 |
rgb(213,226,241) |
hsl(212,49%,89%) |
#c2d5ea |
rgb(194,213,234) |
hsl(212,49%,84%) |
#afc8e4 |
rgb(175,200,228) |
hsl(212,49%,79%) |
#9cbbdd |
rgb(156,187,221) |
hsl(212,49%,74%) |
#89add7 |
rgb(137,173,215) |
hsl(212,49%,69%) |
#76a0d0 |
rgb(118,160,208) |
hsl(212,49%,64%) |
#6393ca |
rgb(99,147,202) |
hsl(212,49%,59%) |
#5086c3 |
rgb(80,134,195) |
hsl(212,49%,54%) |
#4079ba |
rgb(64,121,186) |
hsl(212,49%,49%) |
#396da7 |
rgb(57,109,167) |
hsl(212,49%,44%) |
#336094 |
rgb(51,96,148) |
hsl(212,49%,39%) |
#2c5481 |
rgb(44,84,129) |
hsl(212,49%,34%) |
#26486e |
rgb(38,72,110) |
hsl(212,49%,29%) |
#1f3b5b |
rgb(31,59,91) |
hsl(212,49%,24%) |
#192f48 |
rgb(25,47,72) |
hsl(212,49%,19%) |
#122335 |
rgb(18,35,53) |
hsl(212,49%,14%) |
#0c1622 |
rgb(12,22,34) |
hsl(212,49%,9%) |
#050a0f |
rgb(5,10,15) |
hsl(212,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#39A697 |
rgb(57,166,151) |
hsl(172,49%,44%) |
#396BA5 |
rgb(57,107,165) |
hsl(212,49%,44%) |
#4F38A5 |
rgb(79,56,165) |
hsl(253,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D8FC7 |
rgb(93,143,199) |
hsl(212,49%,57%) |
#437DBE |
rgb(67,125,190) |
hsl(212,49%,50%) |
#396BA5 |
rgb(57,107,165) |
hsl(212,49%,44%) |
#2F598A |
rgb(47,89,138) |
hsl(212,49%,36%) |
#264A70 |
rgb(38,74,112) |
hsl(211,49%,29%) |
#1D3855 |
rgb(29,56,85) |
hsl(211,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BA5 |
rgb(57,107,165) |
hsl(212,49%,44%) |
#A53D39 |
rgb(165,61,57) |
hsl(2,49%,44%) |
#A1A639 |
rgb(161,166,57) |
hsl(63,49%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BA5 |
rgb(57,107,165) |
hsl(212,49%,44%) |
#A57339 |
rgb(165,115,57) |
hsl(32,49%,44%) |
#39A1A5 |
rgb(57,161,165) |
hsl(182,49%,44%) |
#A1A639 |
rgb(161,166,57) |
hsl(63,49%,44%) |