HEX #336196 color — Azure

The color #336196 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336196 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(212,49%,99%)
#e8eff7 rgb(232,239,247) hsl(212,49%,94%)
#d5e2f1 rgb(213,226,241) hsl(212,49%,89%)
#c2d5ea rgb(194,213,234) hsl(212,49%,84%)
#afc8e4 rgb(175,200,228) hsl(212,49%,79%)
#9cbbdd rgb(156,187,221) hsl(212,49%,74%)
#89add7 rgb(137,173,215) hsl(212,49%,69%)
#76a0d0 rgb(118,160,208) hsl(212,49%,64%)
#6393ca rgb(99,147,202) hsl(212,49%,59%)
#5086c3 rgb(80,134,195) hsl(212,49%,54%)
#4079ba rgb(64,121,186) hsl(212,49%,49%)
#396da7 rgb(57,109,167) hsl(212,49%,44%)
#336094 rgb(51,96,148) hsl(212,49%,39%)
#2c5481 rgb(44,84,129) hsl(212,49%,34%)
#26486e rgb(38,72,110) hsl(212,49%,29%)
#1f3b5b rgb(31,59,91) hsl(212,49%,24%)
#192f48 rgb(25,47,72) hsl(212,49%,19%)
#122335 rgb(18,35,53) hsl(212,49%,14%)
#0c1622 rgb(12,22,34) hsl(212,49%,9%)
#050a0f rgb(5,10,15) hsl(212,49%,4%)

Adjacent colors

HEX RGB HSL
#339689 rgb(51,150,137) hsl(172,49%,39%)
#336196 rgb(51,97,150) hsl(212,49%,39%)
#473396 rgb(71,51,150) hsl(252,49%,39%)

Monochromatic colors

HEX RGB HSL
#3B70AE rgb(59,112,174) hsl(212,49%,46%)
#336196 rgb(51,97,150) hsl(212,49%,39%)
#2A527E rgb(42,82,126) hsl(211,50%,33%)
#224266 rgb(34,66,102) hsl(212,50%,27%)
#1A334E rgb(26,51,78) hsl(211,50%,20%)
#122436 rgb(18,36,54) hsl(210,50%,14%)

Triad color palettes

HEX RGB HSL
#336196 rgb(51,97,150) hsl(212,49%,39%)
#963633 rgb(150,54,51) hsl(2,49%,39%)
#929633 rgb(146,150,51) hsl(62,49%,39%)

Tetrad color palettes

HEX RGB HSL
#336196 rgb(51,97,150) hsl(212,49%,39%)
#966933 rgb(150,105,51) hsl(33,49%,39%)
#339196 rgb(51,145,150) hsl(183,49%,39%)
#929633 rgb(146,150,51) hsl(62,49%,39%)