HEX #336EB9 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

336EB9 color palette from light to dark

HEX RGB HSL
#eff4fb rgb(239,244,251) hsl(214,57%,96%)
#dbe6f5 rgb(219,230,245) hsl(214,57%,91%)
#c7d9f0 rgb(199,217,240) hsl(214,57%,86%)
#b3cbea rgb(179,203,234) hsl(214,57%,81%)
#9fbde5 rgb(159,189,229) hsl(214,57%,76%)
#8bafdf rgb(139,175,223) hsl(214,57%,71%)
#77a2da rgb(119,162,218) hsl(214,57%,66%)
#6394d4 rgb(99,148,212) hsl(214,57%,61%)
#4f86cf rgb(79,134,207) hsl(214,57%,56%)
#3b79c9 rgb(59,121,201) hsl(214,57%,51%)
#326cb8 rgb(50,108,184) hsl(214,57%,46%)
#2d61a4 rgb(45,97,164) hsl(214,57%,41%)
#275590 rgb(39,85,144) hsl(214,57%,36%)
#22497c rgb(34,73,124) hsl(214,57%,31%)
#1d3d68 rgb(29,61,104) hsl(214,57%,26%)
#173154 rgb(23,49,84) hsl(214,57%,21%)
#122640 rgb(18,38,64) hsl(214,57%,16%)
#0c1a2c rgb(12,26,44) hsl(214,57%,11%)
#070e18 rgb(7,14,24) hsl(214,57%,6%)
#010204 rgb(1,2,4) hsl(214,57%,1%)

Adjacent colors

HEX RGB HSL
#33BAAA rgb(51,186,170) hsl(173,57%,46%)
#336EB9 rgb(51,110,185) hsl(214,57%,46%)
#5133B9 rgb(81,51,185) hsl(253,57%,46%)

Monochromatic colors

HEX RGB HSL
#6394D4 rgb(99,148,212) hsl(214,57%,61%)
#4582CB rgb(69,130,203) hsl(213,56%,53%)
#336EB9 rgb(51,110,185) hsl(214,57%,46%)
#2A5C9B rgb(42,92,155) hsl(213,57%,39%)
#224A7D rgb(34,74,125) hsl(214,57%,31%)
#1A3860 rgb(26,56,96) hsl(214,57%,24%)

Triad color palettes

HEX RGB HSL
#336EB9 rgb(51,110,185) hsl(214,57%,46%)
#B93B33 rgb(185,59,51) hsl(4,57%,46%)
#B1BA33 rgb(177,186,51) hsl(64,57%,46%)

Tetrad color palettes

HEX RGB HSL
#336EB9 rgb(51,110,185) hsl(214,57%,46%)
#B97D33 rgb(185,125,51) hsl(33,57%,46%)
#33B0B9 rgb(51,176,185) hsl(184,57%,46%)
#B1BA33 rgb(177,186,51) hsl(64,57%,46%)