HEX #396EA5 color — Astral
The color #396EA5 is a dark shade and moderately saturated.
Palette
396EA5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(211,49%,99%) |
#e8eff7 |
rgb(232,239,247) |
hsl(211,49%,94%) |
#d5e2f1 |
rgb(213,226,241) |
hsl(211,49%,89%) |
#c2d6ea |
rgb(194,214,234) |
hsl(211,49%,84%) |
#afc9e4 |
rgb(175,201,228) |
hsl(211,49%,79%) |
#9cbcdd |
rgb(156,188,221) |
hsl(211,49%,74%) |
#89afd7 |
rgb(137,175,215) |
hsl(211,49%,69%) |
#76a2d0 |
rgb(118,162,208) |
hsl(211,49%,64%) |
#6395ca |
rgb(99,149,202) |
hsl(211,49%,59%) |
#5088c3 |
rgb(80,136,195) |
hsl(211,49%,54%) |
#407bba |
rgb(64,123,186) |
hsl(211,49%,49%) |
#396ea7 |
rgb(57,110,167) |
hsl(211,49%,44%) |
#336294 |
rgb(51,98,148) |
hsl(211,49%,39%) |
#2c5581 |
rgb(44,85,129) |
hsl(211,49%,34%) |
#26496e |
rgb(38,73,110) |
hsl(211,49%,29%) |
#1f3c5b |
rgb(31,60,91) |
hsl(211,49%,24%) |
#193048 |
rgb(25,48,72) |
hsl(211,49%,19%) |
#122335 |
rgb(18,35,53) |
hsl(211,49%,14%) |
#0c1722 |
rgb(12,23,34) |
hsl(211,49%,9%) |
#050a0f |
rgb(5,10,15) |
hsl(211,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#39A694 |
rgb(57,166,148) |
hsl(170,49%,44%) |
#396EA5 |
rgb(57,110,165) |
hsl(211,49%,44%) |
#4C38A5 |
rgb(76,56,165) |
hsl(251,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D91C7 |
rgb(93,145,199) |
hsl(211,49%,57%) |
#4380BE |
rgb(67,128,190) |
hsl(210,49%,50%) |
#396EA5 |
rgb(57,110,165) |
hsl(211,49%,44%) |
#2F5C8A |
rgb(47,92,138) |
hsl(210,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 |
#396EA5 |
rgb(57,110,165) |
hsl(211,49%,44%) |
#A53B39 |
rgb(165,59,57) |
hsl(1,49%,44%) |
#A4A639 |
rgb(164,166,57) |
hsl(61,49%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EA5 |
rgb(57,110,165) |
hsl(211,49%,44%) |
#A57039 |
rgb(165,112,57) |
hsl(31,49%,44%) |
#39A3A5 |
rgb(57,163,165) |
hsl(181,49%,44%) |
#A4A639 |
rgb(164,166,57) |
hsl(61,49%,44%) |