HEX #336BA5 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

336BA5 color palette from light to dark

HEX RGB HSL
#f3f7fb rgb(243,247,251) hsl(211,53%,97%)
#e0eaf5 rgb(224,234,245) hsl(211,53%,92%)
#ccddef rgb(204,221,239) hsl(211,53%,87%)
#b9d0e9 rgb(185,208,233) hsl(211,53%,82%)
#a5c3e3 rgb(165,195,227) hsl(211,53%,77%)
#92b6dd rgb(146,182,221) hsl(211,53%,72%)
#7ea9d7 rgb(126,169,215) hsl(211,53%,67%)
#6b9cd1 rgb(107,156,209) hsl(211,53%,62%)
#578fcb rgb(87,143,203) hsl(211,53%,57%)
#4482c5 rgb(68,130,197) hsl(211,53%,52%)
#3876b7 rgb(56,118,183) hsl(211,53%,47%)
#3269a4 rgb(50,105,164) hsl(211,53%,42%)
#2c5d90 rgb(44,93,144) hsl(211,53%,37%)
#26507d rgb(38,80,125) hsl(211,53%,32%)
#204469 rgb(32,68,105) hsl(211,53%,27%)
#1a3756 rgb(26,55,86) hsl(211,53%,22%)
#142b42 rgb(20,43,66) hsl(211,53%,17%)
#0e1e2f rgb(14,30,47) hsl(211,53%,12%)
#08121b rgb(8,18,27) hsl(211,53%,7%)
#020508 rgb(2,5,8) hsl(211,53%,2%)

Adjacent colors

HEX RGB HSL
#33A693 rgb(51,166,147) hsl(170,53%,43%)
#336BA5 rgb(51,107,165) hsl(211,53%,42%)
#4733A5 rgb(71,51,165) hsl(251,53%,42%)

Monochromatic colors

HEX RGB HSL
#538CC9 rgb(83,140,201) hsl(211,52%,56%)
#3B7DBF rgb(59,125,191) hsl(210,53%,49%)
#336BA5 rgb(51,107,165) hsl(211,53%,42%)
#2A598A rgb(42,89,138) hsl(211,53%,35%)
#224A70 rgb(34,74,112) hsl(209,53%,29%)
#1A3855 rgb(26,56,85) hsl(209,53%,22%)

Triad color palettes

HEX RGB HSL
#336BA5 rgb(51,107,165) hsl(211,53%,42%)
#A53333 rgb(165,51,51) hsl(360,53%,42%)
#A4A633 rgb(164,166,51) hsl(61,53%,43%)

Tetrad color palettes

HEX RGB HSL
#336BA5 rgb(51,107,165) hsl(211,53%,42%)
#A56E33 rgb(165,110,51) hsl(31,53%,42%)
#33A3A5 rgb(51,163,165) hsl(181,53%,42%)
#A4A633 rgb(164,166,51) hsl(61,53%,43%)