HEX #336EA7 color — Astral

The color #336EA7 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336EA7 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(209,53%,98%)
#e4edf7 rgb(228,237,247) hsl(209,53%,93%)
#d0e1f1 rgb(208,225,241) hsl(209,53%,88%)
#bdd4eb rgb(189,212,235) hsl(209,53%,83%)
#a9c8e5 rgb(169,200,229) hsl(209,53%,78%)
#96bbdf rgb(150,187,223) hsl(209,53%,73%)
#82afd9 rgb(130,175,217) hsl(209,53%,68%)
#6fa2d3 rgb(111,162,211) hsl(209,53%,63%)
#5b96cd rgb(91,150,205) hsl(209,53%,58%)
#4889c7 rgb(72,137,199) hsl(209,53%,53%)
#3a7dbb rgb(58,125,187) hsl(209,53%,48%)
#3470a8 rgb(52,112,168) hsl(209,53%,43%)
#2e6394 rgb(46,99,148) hsl(209,53%,38%)
#285681 rgb(40,86,129) hsl(209,53%,33%)
#22496d rgb(34,73,109) hsl(209,53%,28%)
#1c3c5a rgb(28,60,90) hsl(209,53%,23%)
#162f46 rgb(22,47,70) hsl(209,53%,18%)
#102233 rgb(16,34,51) hsl(209,53%,13%)
#0a151f rgb(10,21,31) hsl(209,53%,8%)
#04080c rgb(4,8,12) hsl(209,53%,3%)

Adjacent colors

HEX RGB HSL
#33A692 rgb(51,166,146) hsl(170,53%,43%)
#336EA7 rgb(51,110,167) hsl(209,53%,43%)
#4533A7 rgb(69,51,167) hsl(249,53%,43%)

Monochromatic colors

HEX RGB HSL
#5491CB rgb(84,145,203) hsl(209,53%,56%)
#3B80C1 rgb(59,128,193) hsl(209,53%,49%)
#336EA7 rgb(51,110,167) hsl(209,53%,43%)
#2A5C8C rgb(42,92,140) hsl(209,54%,36%)
#224A71 rgb(34,74,113) hsl(210,54%,29%)
#1A3856 rgb(26,56,86) hsl(210,54%,22%)

Triad color palettes

HEX RGB HSL
#336EA7 rgb(51,110,167) hsl(209,53%,43%)
#A73334 rgb(167,51,52) hsl(359,53%,43%)
#A7A633 rgb(167,166,51) hsl(59,53%,43%)

Tetrad color palettes

HEX RGB HSL
#336EA7 rgb(51,110,167) hsl(209,53%,43%)
#A76B33 rgb(167,107,51) hsl(29,53%,43%)
#33A6A6 rgb(51,166,166) hsl(180,53%,43%)
#A7A633 rgb(167,166,51) hsl(59,53%,43%)