HEX #337AA6 color — Astral

The color #337AA6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

337AA6 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(203,53%,98%)
#e4eff7 rgb(228,239,247) hsl(203,53%,93%)
#d0e4f1 rgb(208,228,241) hsl(203,53%,88%)
#bdd9eb rgb(189,217,235) hsl(203,53%,83%)
#a9cee5 rgb(169,206,229) hsl(203,53%,78%)
#96c3df rgb(150,195,223) hsl(203,53%,73%)
#82b7d9 rgb(130,183,217) hsl(203,53%,68%)
#6facd3 rgb(111,172,211) hsl(203,53%,63%)
#5ba1cd rgb(91,161,205) hsl(203,53%,58%)
#4896c7 rgb(72,150,199) hsl(203,53%,53%)
#3a8abb rgb(58,138,187) hsl(203,53%,48%)
#347ba8 rgb(52,123,168) hsl(203,53%,43%)
#2e6d94 rgb(46,109,148) hsl(203,53%,38%)
#285f81 rgb(40,95,129) hsl(203,53%,33%)
#22506d rgb(34,80,109) hsl(203,53%,28%)
#1c425a rgb(28,66,90) hsl(203,53%,23%)
#163446 rgb(22,52,70) hsl(203,53%,18%)
#102533 rgb(16,37,51) hsl(203,53%,13%)
#0a171f rgb(10,23,31) hsl(203,53%,8%)
#04090c rgb(4,9,12) hsl(203,53%,3%)

Adjacent colors

HEX RGB HSL
#33A685 rgb(51,166,133) hsl(163,53%,43%)
#337AA6 rgb(51,122,166) hsl(203,53%,43%)
#3833A6 rgb(56,51,166) hsl(243,53%,43%)

Monochromatic colors

HEX RGB HSL
#539ECA rgb(83,158,202) hsl(202,53%,56%)
#3B8CC0 rgb(59,140,192) hsl(203,53%,49%)
#337AA6 rgb(51,122,166) hsl(203,53%,43%)
#2A668B rgb(42,102,139) hsl(203,54%,35%)
#225470 rgb(34,84,112) hsl(202,53%,29%)
#1A4056 rgb(26,64,86) hsl(202,54%,22%)

Triad color palettes

HEX RGB HSL
#337AA6 rgb(51,122,166) hsl(203,53%,43%)
#A63340 rgb(166,51,64) hsl(353,53%,43%)
#A69933 rgb(166,153,51) hsl(53,53%,43%)

Tetrad color palettes

HEX RGB HSL
#337AA6 rgb(51,122,166) hsl(203,53%,43%)
#A65E33 rgb(166,94,51) hsl(22,53%,43%)
#33A698 rgb(51,166,152) hsl(173,53%,43%)
#A69933 rgb(166,153,51) hsl(53,53%,43%)