HEX #336BB0 color — Azure
The color #336BB0 is a dark shade and moderately saturated.
Palette
336BB0 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2f9 |
rgb(235,242,249) |
hsl(213,55%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(213,55%,90%) |
| #c4d7ee |
rgb(196,215,238) |
hsl(213,55%,85%) |
| #b0c9e8 |
rgb(176,201,232) |
hsl(213,55%,80%) |
| #9cbce2 |
rgb(156,188,226) |
hsl(213,55%,75%) |
| #88aedd |
rgb(136,174,221) |
hsl(213,55%,70%) |
| #75a1d7 |
rgb(117,161,215) |
hsl(213,55%,65%) |
| #6193d1 |
rgb(97,147,209) |
hsl(213,55%,60%) |
| #4d86cb |
rgb(77,134,203) |
hsl(213,55%,55%) |
| #3978c6 |
rgb(57,120,198) |
hsl(213,55%,50%) |
| #346cb2 |
rgb(52,108,178) |
hsl(213,55%,45%) |
| #2e609e |
rgb(46,96,158) |
hsl(213,55%,40%) |
| #28548a |
rgb(40,84,138) |
hsl(213,55%,35%) |
| #224877 |
rgb(34,72,119) |
hsl(213,55%,30%) |
| #1d3c63 |
rgb(29,60,99) |
hsl(213,55%,25%) |
| #17304f |
rgb(23,48,79) |
hsl(213,55%,20%) |
| #11243b |
rgb(17,36,59) |
hsl(213,55%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(213,55%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(213,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B0A1 |
rgb(51,176,161) |
hsl(173,55%,45%) |
| #336BB0 |
rgb(51,107,176) |
hsl(213,55%,45%) |
| #4E33B0 |
rgb(78,51,176) |
hsl(253,55%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B8FCF |
rgb(91,143,207) |
hsl(213,55%,58%) |
| #3F7DC7 |
rgb(63,125,199) |
hsl(213,55%,51%) |
| #336BB0 |
rgb(51,107,176) |
hsl(213,55%,45%) |
| #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 |
| #336BB0 |
rgb(51,107,176) |
hsl(213,55%,45%) |
| #B03B33 |
rgb(176,59,51) |
hsl(4,55%,45%) |
| #A9B033 |
rgb(169,176,51) |
hsl(63,55%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336BB0 |
rgb(51,107,176) |
hsl(213,55%,45%) |
| #B07833 |
rgb(176,120,51) |
hsl(33,55%,45%) |
| #33A8B0 |
rgb(51,168,176) |
hsl(184,55%,45%) |
| #A9B033 |
rgb(169,176,51) |
hsl(63,55%,45%) |
