HEX #336BAF color — Azure
The color #336BAF is a dark shade and moderately saturated.
Palette
336BAF color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,55%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(213,55%,94%) |
#d4e1f2 |
rgb(212,225,242) |
hsl(213,55%,89%) |
#c0d4ed |
rgb(192,212,237) |
hsl(213,55%,84%) |
#acc7e7 |
rgb(172,199,231) |
hsl(213,55%,79%) |
#98b9e1 |
rgb(152,185,225) |
hsl(213,55%,74%) |
#84acdb |
rgb(132,172,219) |
hsl(213,55%,69%) |
#719ed6 |
rgb(113,158,214) |
hsl(213,55%,64%) |
#5d91d0 |
rgb(93,145,208) |
hsl(213,55%,59%) |
#4983ca |
rgb(73,131,202) |
hsl(213,55%,54%) |
#3876c2 |
rgb(56,118,194) |
hsl(213,55%,49%) |
#326aae |
rgb(50,106,174) |
hsl(213,55%,44%) |
#2d5e9a |
rgb(45,94,154) |
hsl(213,55%,39%) |
#275286 |
rgb(39,82,134) |
hsl(213,55%,34%) |
#214673 |
rgb(33,70,115) |
hsl(213,55%,29%) |
#1c3a5f |
rgb(28,58,95) |
hsl(213,55%,24%) |
#162e4b |
rgb(22,46,75) |
hsl(213,55%,19%) |
#102237 |
rgb(16,34,55) |
hsl(213,55%,14%) |
#0a1624 |
rgb(10,22,36) |
hsl(213,55%,9%) |
#050a10 |
rgb(5,10,16) |
hsl(213,55%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33B0A0 |
rgb(51,176,160) |
hsl(172,55%,45%) |
#336BAF |
rgb(51,107,175) |
hsl(213,55%,44%) |
#4D33AF |
rgb(77,51,175) |
hsl(253,55%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B8FCF |
rgb(91,143,207) |
hsl(213,55%,58%) |
#3F7DC7 |
rgb(63,125,199) |
hsl(213,55%,51%) |
#336BAF |
rgb(51,107,175) |
hsl(213,55%,44%) |
#2A5993 |
rgb(42,89,147) |
hsl(213,56%,37%) |
#224A77 |
rgb(34,74,119) |
hsl(212,56%,30%) |
#1A385B |
rgb(26,56,91) |
hsl(212,56%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BAF |
rgb(51,107,175) |
hsl(213,55%,44%) |
#AF3833 |
rgb(175,56,51) |
hsl(2,55%,44%) |
#A9B033 |
rgb(169,176,51) |
hsl(63,55%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BAF |
rgb(51,107,175) |
hsl(213,55%,44%) |
#AF7833 |
rgb(175,120,51) |
hsl(33,55%,44%) |
#33A8AF |
rgb(51,168,175) |
hsl(183,55%,44%) |
#A9B033 |
rgb(169,176,51) |
hsl(63,55%,45%) |