HEX #336EB7 color — Azure
The color #336EB7 is a dark shade and moderately saturated.
Palette
336EB7 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(213,56%,96%) |
#dbe7f5 |
rgb(219,231,245) |
hsl(213,56%,91%) |
#c7d9ef |
rgb(199,217,239) |
hsl(213,56%,86%) |
#b3ccea |
rgb(179,204,234) |
hsl(213,56%,81%) |
#a0bee4 |
rgb(160,190,228) |
hsl(213,56%,76%) |
#8cb1de |
rgb(140,177,222) |
hsl(213,56%,71%) |
#78a3d9 |
rgb(120,163,217) |
hsl(213,56%,66%) |
#6496d3 |
rgb(100,150,211) |
hsl(213,56%,61%) |
#5089ce |
rgb(80,137,206) |
hsl(213,56%,56%) |
#3c7bc8 |
rgb(60,123,200) |
hsl(213,56%,51%) |
#346fb7 |
rgb(52,111,183) |
hsl(213,56%,46%) |
#2e63a3 |
rgb(46,99,163) |
hsl(213,56%,41%) |
#28578f |
rgb(40,87,143) |
hsl(213,56%,36%) |
#234b7b |
rgb(35,75,123) |
hsl(213,56%,31%) |
#1d3f67 |
rgb(29,63,103) |
hsl(213,56%,26%) |
#183354 |
rgb(24,51,84) |
hsl(213,56%,21%) |
#122740 |
rgb(18,39,64) |
hsl(213,56%,16%) |
#0c1a2c |
rgb(12,26,44) |
hsl(213,56%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(213,56%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33B8A8 |
rgb(51,184,168) |
hsl(173,57%,46%) |
#336EB7 |
rgb(51,110,183) |
hsl(213,56%,46%) |
#5033B7 |
rgb(80,51,183) |
hsl(253,56%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6194D3 |
rgb(97,148,211) |
hsl(213,56%,60%) |
#4480CB |
rgb(68,128,203) |
hsl(213,56%,53%) |
#336EB7 |
rgb(51,110,183) |
hsl(213,56%,46%) |
#2A5C99 |
rgb(42,92,153) |
hsl(213,57%,38%) |
#224A7C |
rgb(34,74,124) |
hsl(213,57%,31%) |
#1A385F |
rgb(26,56,95) |
hsl(214,57%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#336EB7 |
rgb(51,110,183) |
hsl(213,56%,46%) |
#B73B33 |
rgb(183,59,51) |
hsl(4,56%,46%) |
#B0B833 |
rgb(176,184,51) |
hsl(64,57%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EB7 |
rgb(51,110,183) |
hsl(213,56%,46%) |
#B77D33 |
rgb(183,125,51) |
hsl(34,56%,46%) |
#33B0B7 |
rgb(51,176,183) |
hsl(183,56%,46%) |
#B0B833 |
rgb(176,184,51) |
hsl(64,57%,46%) |