HEX #336BA3 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

336BA3 color palette from light to dark

HEX RGB HSL
#f3f7fb rgb(243,247,251) hsl(210,52%,97%)
#e0ebf5 rgb(224,235,245) hsl(210,52%,92%)
#cddeef rgb(205,222,239) hsl(210,52%,87%)
#b9d1e9 rgb(185,209,233) hsl(210,52%,82%)
#a6c4e3 rgb(166,196,227) hsl(210,52%,77%)
#92b8dd rgb(146,184,221) hsl(210,52%,72%)
#7fabd7 rgb(127,171,215) hsl(210,52%,67%)
#6c9ed0 rgb(108,158,208) hsl(210,52%,62%)
#5891ca rgb(88,145,202) hsl(210,52%,57%)
#4585c4 rgb(69,133,196) hsl(210,52%,52%)
#3a78b6 rgb(58,120,182) hsl(210,52%,47%)
#336ba3 rgb(51,107,163) hsl(210,52%,42%)
#2d5e8f rgb(45,94,143) hsl(210,52%,37%)
#27527c rgb(39,82,124) hsl(210,52%,32%)
#214569 rgb(33,69,105) hsl(210,52%,27%)
#1b3855 rgb(27,56,85) hsl(210,52%,22%)
#152b42 rgb(21,43,66) hsl(210,52%,17%)
#0f1f2f rgb(15,31,47) hsl(210,52%,12%)
#09121b rgb(9,18,27) hsl(210,52%,7%)
#020508 rgb(2,5,8) hsl(210,52%,2%)

Adjacent colors

HEX RGB HSL
#33A390 rgb(51,163,144) hsl(170,52%,42%)
#336BA3 rgb(51,107,163) hsl(210,52%,42%)
#4533A3 rgb(69,51,163) hsl(250,52%,42%)

Monochromatic colors

HEX RGB HSL
#518CC8 rgb(81,140,200) hsl(210,52%,55%)
#3B7DBD rgb(59,125,189) hsl(210,52%,49%)
#336BA3 rgb(51,107,163) hsl(210,52%,42%)
#2A5988 rgb(42,89,136) hsl(210,53%,35%)
#224A6E rgb(34,74,110) hsl(208,53%,28%)
#1A3854 rgb(26,56,84) hsl(209,53%,22%)

Triad color palettes

HEX RGB HSL
#336BA3 rgb(51,107,163) hsl(210,52%,42%)
#A33333 rgb(163,51,51) hsl(360,52%,42%)
#A3A333 rgb(163,163,51) hsl(60,52%,42%)

Tetrad color palettes

HEX RGB HSL
#336BA3 rgb(51,107,163) hsl(210,52%,42%)
#A36B33 rgb(163,107,51) hsl(30,52%,42%)
#33A3A3 rgb(51,163,163) hsl(180,52%,42%)
#A3A333 rgb(163,163,51) hsl(60,52%,42%)