HEX #336BB1 color — Azure
The color #336BB1 is a dark shade and moderately saturated.
Palette
336BB1 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 |
| #33B0A3 |
rgb(51,176,163) |
hsl(174,55%,45%) |
| #336BB1 |
rgb(51,107,177) |
hsl(213,55%,45%) |
| #4F33B1 |
rgb(79,51,177) |
hsl(253,55%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5C8FD0 |
rgb(92,143,208) |
hsl(214,55%,59%) |
| #407DC8 |
rgb(64,125,200) |
hsl(213,55%,52%) |
| #336BB1 |
rgb(51,107,177) |
hsl(213,55%,45%) |
| #2A5994 |
rgb(42,89,148) |
hsl(213,56%,37%) |
| #224A78 |
rgb(34,74,120) |
hsl(212,56%,30%) |
| #1A385C |
rgb(26,56,92) |
hsl(213,56%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336BB1 |
rgb(51,107,177) |
hsl(213,55%,45%) |
| #B13B33 |
rgb(177,59,51) |
hsl(4,55%,45%) |
| #AAB033 |
rgb(170,176,51) |
hsl(63,55%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336BB1 |
rgb(51,107,177) |
hsl(213,55%,45%) |
| #B17833 |
rgb(177,120,51) |
hsl(33,55%,45%) |
| #33ABB1 |
rgb(51,171,177) |
hsl(183,55%,45%) |
| #AAB033 |
rgb(170,176,51) |
hsl(63,55%,45%) |
