HEX #336EAA color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

336EAA color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(210,54%,98%)
#e4edf7 rgb(228,237,247) hsl(210,54%,93%)
#d0e0f1 rgb(208,224,241) hsl(210,54%,88%)
#bcd4eb rgb(188,212,235) hsl(210,54%,83%)
#a9c7e5 rgb(169,199,229) hsl(210,54%,78%)
#95badf rgb(149,186,223) hsl(210,54%,73%)
#81add9 rgb(129,173,217) hsl(210,54%,68%)
#6ea1d4 rgb(110,161,212) hsl(210,54%,63%)
#5a94ce rgb(90,148,206) hsl(210,54%,58%)
#4687c8 rgb(70,135,200) hsl(210,54%,53%)
#387abc rgb(56,122,188) hsl(210,54%,48%)
#326ea9 rgb(50,110,169) hsl(210,54%,43%)
#2d6195 rgb(45,97,149) hsl(210,54%,38%)
#275482 rgb(39,84,130) hsl(210,54%,33%)
#21476e rgb(33,71,110) hsl(210,54%,28%)
#1b3b5a rgb(27,59,90) hsl(210,54%,23%)
#152e47 rgb(21,46,71) hsl(210,54%,18%)
#0f2133 rgb(15,33,51) hsl(210,54%,13%)
#09141f rgb(9,20,31) hsl(210,54%,8%)
#04080c rgb(4,8,12) hsl(210,54%,3%)

Adjacent colors

HEX RGB HSL
#33AB96 rgb(51,171,150) hsl(170,54%,44%)
#336EAA rgb(51,110,170) hsl(210,54%,43%)
#4733AA rgb(71,51,170) hsl(250,54%,43%)

Monochromatic colors

HEX RGB HSL
#5791CC rgb(87,145,204) hsl(210,53%,57%)
#3B80C4 rgb(59,128,196) hsl(210,54%,50%)
#336EAA rgb(51,110,170) hsl(210,54%,43%)
#2A5C8E rgb(42,92,142) hsl(210,54%,36%)
#224A73 rgb(34,74,115) hsl(210,54%,29%)
#1A3858 rgb(26,56,88) hsl(211,54%,22%)

Triad color palettes

HEX RGB HSL
#336EAA rgb(51,110,170) hsl(210,54%,43%)
#AA3333 rgb(170,51,51) hsl(360,54%,43%)
#A9AB33 rgb(169,171,51) hsl(61,54%,44%)

Tetrad color palettes

HEX RGB HSL
#336EAA rgb(51,110,170) hsl(210,54%,43%)
#AA7033 rgb(170,112,51) hsl(31,54%,43%)
#33A8AA rgb(51,168,170) hsl(181,54%,43%)
#A9AB33 rgb(169,171,51) hsl(61,54%,44%)