HEX #336A9E color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

336a9e color palette from light to dark

HEX RGB HSL
#f0f5fa rgb(240,245,250) hsl(209,51%,96%)
#dce8f4 rgb(220,232,244) hsl(209,51%,91%)
#c9dcee rgb(201,220,238) hsl(209,51%,86%)
#b6cfe7 rgb(182,207,231) hsl(209,51%,81%)
#a3c3e1 rgb(163,195,225) hsl(209,51%,76%)
#8fb6db rgb(143,182,219) hsl(209,51%,71%)
#7caad5 rgb(124,170,213) hsl(209,51%,66%)
#699dce rgb(105,157,206) hsl(209,51%,61%)
#5691c8 rgb(86,145,200) hsl(209,51%,56%)
#4284c2 rgb(66,132,194) hsl(209,51%,51%)
#3977b1 rgb(57,119,177) hsl(209,51%,46%)
#336a9e rgb(51,106,158) hsl(209,51%,41%)
#2d5d8b rgb(45,93,139) hsl(209,51%,36%)
#275077 rgb(39,80,119) hsl(209,51%,31%)
#204364 rgb(32,67,100) hsl(209,51%,26%)
#1a3651 rgb(26,54,81) hsl(209,51%,21%)
#14293e rgb(20,41,62) hsl(209,51%,16%)
#0e1d2a rgb(14,29,42) hsl(209,51%,11%)
#071017 rgb(7,16,23) hsl(209,51%,6%)
#010304 rgb(1,3,4) hsl(209,51%,1%)

Adjacent colors

HEX RGB HSL
#339E8A rgb(51,158,138) hsl(169,51%,41%)
#336A9E rgb(51,106,158) hsl(209,51%,41%)
#43339E rgb(67,51,158) hsl(249,51%,41%)

Monochromatic colors

HEX RGB HSL
#4E8CC5 rgb(78,140,197) hsl(209,51%,54%)
#3B7AB7 rgb(59,122,183) hsl(210,51%,47%)
#336A9E rgb(51,106,158) hsl(209,51%,41%)
#2A5984 rgb(42,89,132) hsl(209,52%,34%)
#22476B rgb(34,71,107) hsl(210,52%,28%)
#1A3852 rgb(26,56,82) hsl(208,52%,21%)

Triad color palettes

HEX RGB HSL
#336A9E rgb(51,106,158) hsl(209,51%,41%)
#9E3334 rgb(158,51,52) hsl(359,51%,41%)
#9E9C33 rgb(158,156,51) hsl(59,51%,41%)

Tetrad color palettes

HEX RGB HSL
#336A9E rgb(51,106,158) hsl(209,51%,41%)
#9E6633 rgb(158,102,51) hsl(29,51%,41%)
#339E9C rgb(51,158,156) hsl(179,51%,41%)
#9E9C33 rgb(158,156,51) hsl(59,51%,41%)