HEX #336BA4 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

336BA4 color palette from light to dark

HEX RGB HSL
#f3f7fb rgb(243,247,251) hsl(210,53%,97%)
#e0ebf5 rgb(224,235,245) hsl(210,53%,92%)
#ccdeef rgb(204,222,239) hsl(210,53%,87%)
#b9d1e9 rgb(185,209,233) hsl(210,53%,82%)
#a5c4e3 rgb(165,196,227) hsl(210,53%,77%)
#92b8dd rgb(146,184,221) hsl(210,53%,72%)
#7eabd7 rgb(126,171,215) hsl(210,53%,67%)
#6b9ed1 rgb(107,158,209) hsl(210,53%,62%)
#5791cb rgb(87,145,203) hsl(210,53%,57%)
#4485c5 rgb(68,133,197) hsl(210,53%,52%)
#3878b7 rgb(56,120,183) hsl(210,53%,47%)
#326ba4 rgb(50,107,164) hsl(210,53%,42%)
#2c5e90 rgb(44,94,144) hsl(210,53%,37%)
#26527d rgb(38,82,125) hsl(210,53%,32%)
#204569 rgb(32,69,105) hsl(210,53%,27%)
#1a3856 rgb(26,56,86) hsl(210,53%,22%)
#142b42 rgb(20,43,66) hsl(210,53%,17%)
#0e1f2f rgb(14,31,47) hsl(210,53%,12%)
#08121b rgb(8,18,27) hsl(210,53%,7%)
#020508 rgb(2,5,8) hsl(210,53%,2%)

Adjacent colors

HEX RGB HSL
#33A391 rgb(51,163,145) hsl(170,52%,42%)
#336BA4 rgb(51,107,164) hsl(210,53%,42%)
#4633A4 rgb(70,51,164) hsl(250,53%,42%)

Monochromatic colors

HEX RGB HSL
#528CC9 rgb(82,140,201) hsl(211,52%,55%)
#3B7DBE rgb(59,125,190) hsl(210,53%,49%)
#336BA4 rgb(51,107,164) hsl(210,53%,42%)
#2A5989 rgb(42,89,137) hsl(210,53%,35%)
#224A6F rgb(34,74,111) hsl(209,53%,28%)
#1A3855 rgb(26,56,85) hsl(209,53%,22%)

Triad color palettes

HEX RGB HSL
#336BA4 rgb(51,107,164) hsl(210,53%,42%)
#A43333 rgb(164,51,51) hsl(360,53%,42%)
#A3A333 rgb(163,163,51) hsl(60,52%,42%)

Tetrad color palettes

HEX RGB HSL
#336BA4 rgb(51,107,164) hsl(210,53%,42%)
#A46B33 rgb(164,107,51) hsl(30,53%,42%)
#33A3A4 rgb(51,163,164) hsl(181,53%,42%)
#A3A333 rgb(163,163,51) hsl(60,52%,42%)