HEX #336BB6 color — Azure
The color #336BB6 is a dark shade and moderately saturated.
Palette
336BB6 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(214,56%,96%) |
#dbe6f5 |
rgb(219,230,245) |
hsl(214,56%,91%) |
#c7d9ef |
rgb(199,217,239) |
hsl(214,56%,86%) |
#b3cbea |
rgb(179,203,234) |
hsl(214,56%,81%) |
#a0bde4 |
rgb(160,189,228) |
hsl(214,56%,76%) |
#8cb0de |
rgb(140,176,222) |
hsl(214,56%,71%) |
#78a2d9 |
rgb(120,162,217) |
hsl(214,56%,66%) |
#6494d3 |
rgb(100,148,211) |
hsl(214,56%,61%) |
#5086ce |
rgb(80,134,206) |
hsl(214,56%,56%) |
#3c79c8 |
rgb(60,121,200) |
hsl(214,56%,51%) |
#346db7 |
rgb(52,109,183) |
hsl(214,56%,46%) |
#2e61a3 |
rgb(46,97,163) |
hsl(214,56%,41%) |
#28558f |
rgb(40,85,143) |
hsl(214,56%,36%) |
#23497b |
rgb(35,73,123) |
hsl(214,56%,31%) |
#1d3d67 |
rgb(29,61,103) |
hsl(214,56%,26%) |
#183254 |
rgb(24,50,84) |
hsl(214,56%,21%) |
#122640 |
rgb(18,38,64) |
hsl(214,56%,16%) |
#0c1a2c |
rgb(12,26,44) |
hsl(214,56%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(214,56%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33B5A9 |
rgb(51,181,169) |
hsl(174,56%,45%) |
#336BB6 |
rgb(51,107,182) |
hsl(214,56%,46%) |
#5233B6 |
rgb(82,51,182) |
hsl(254,56%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6091D2 |
rgb(96,145,210) |
hsl(214,56%,60%) |
#437DCA |
rgb(67,125,202) |
hsl(214,56%,53%) |
#336BB6 |
rgb(51,107,182) |
hsl(214,56%,46%) |
#2A5998 |
rgb(42,89,152) |
hsl(214,57%,38%) |
#224A7B |
rgb(34,74,123) |
hsl(213,57%,31%) |
#1A385E |
rgb(26,56,94) |
hsl(214,57%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BB6 |
rgb(51,107,182) |
hsl(214,56%,46%) |
#B63D33 |
rgb(182,61,51) |
hsl(5,56%,46%) |
#ACB533 |
rgb(172,181,51) |
hsl(64,56%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BB6 |
rgb(51,107,182) |
hsl(214,56%,46%) |
#B67D33 |
rgb(182,125,51) |
hsl(34,56%,46%) |
#33ADB6 |
rgb(51,173,182) |
hsl(184,56%,46%) |
#ACB533 |
rgb(172,181,51) |
hsl(64,56%,45%) |