HEX #336BB8 color — Azure
The color #336BB8 is a dark shade and moderately saturated.
Palette
336BB8 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(215,57%,96%) |
#dbe6f5 |
rgb(219,230,245) |
hsl(215,57%,91%) |
#c7d8f0 |
rgb(199,216,240) |
hsl(215,57%,86%) |
#b3caea |
rgb(179,202,234) |
hsl(215,57%,81%) |
#9fbce5 |
rgb(159,188,229) |
hsl(215,57%,76%) |
#8baedf |
rgb(139,174,223) |
hsl(215,57%,71%) |
#77a0da |
rgb(119,160,218) |
hsl(215,57%,66%) |
#6392d4 |
rgb(99,146,212) |
hsl(215,57%,61%) |
#4f84cf |
rgb(79,132,207) |
hsl(215,57%,56%) |
#3b76c9 |
rgb(59,118,201) |
hsl(215,57%,51%) |
#326ab8 |
rgb(50,106,184) |
hsl(215,57%,46%) |
#2d5fa4 |
rgb(45,95,164) |
hsl(215,57%,41%) |
#275390 |
rgb(39,83,144) |
hsl(215,57%,36%) |
#22487c |
rgb(34,72,124) |
hsl(215,57%,31%) |
#1d3c68 |
rgb(29,60,104) |
hsl(215,57%,26%) |
#173054 |
rgb(23,48,84) |
hsl(215,57%,21%) |
#122540 |
rgb(18,37,64) |
hsl(215,57%,16%) |
#0c192c |
rgb(12,25,44) |
hsl(215,57%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(215,57%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33B8AC |
rgb(51,184,172) |
hsl(175,57%,46%) |
#336BB8 |
rgb(51,107,184) |
hsl(215,57%,46%) |
#5333B8 |
rgb(83,51,184) |
hsl(254,57%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6291D3 |
rgb(98,145,211) |
hsl(215,56%,61%) |
#457DCB |
rgb(69,125,203) |
hsl(215,56%,53%) |
#336BB8 |
rgb(51,107,184) |
hsl(215,57%,46%) |
#2A599A |
rgb(42,89,154) |
hsl(215,57%,38%) |
#224A7D |
rgb(34,74,125) |
hsl(214,57%,31%) |
#1A385F |
rgb(26,56,95) |
hsl(214,57%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BB8 |
rgb(51,107,184) |
hsl(215,57%,46%) |
#B83D33 |
rgb(184,61,51) |
hsl(5,57%,46%) |
#ADB833 |
rgb(173,184,51) |
hsl(65,57%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BB8 |
rgb(51,107,184) |
hsl(215,57%,46%) |
#B88033 |
rgb(184,128,51) |
hsl(35,57%,46%) |
#33ADB8 |
rgb(51,173,184) |
hsl(185,57%,46%) |
#ADB833 |
rgb(173,184,51) |
hsl(65,57%,46%) |