HEX #336BB4 color — Azure
The color #336BB4 is a dark shade and moderately saturated.
Palette
336BB4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf1f9 |
rgb(235,241,249) |
hsl(214,56%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(214,56%,90%) |
| #c3d6ee |
rgb(195,214,238) |
hsl(214,56%,85%) |
| #afc8e9 |
rgb(175,200,233) |
hsl(214,56%,80%) |
| #9cbae3 |
rgb(156,186,227) |
hsl(214,56%,75%) |
| #88addd |
rgb(136,173,221) |
hsl(214,56%,70%) |
| #749fd8 |
rgb(116,159,216) |
hsl(214,56%,65%) |
| #6091d2 |
rgb(96,145,210) |
hsl(214,56%,60%) |
| #4c84cd |
rgb(76,132,205) |
hsl(214,56%,55%) |
| #3876c7 |
rgb(56,118,199) |
hsl(214,56%,50%) |
| #326ab3 |
rgb(50,106,179) |
hsl(214,56%,45%) |
| #2d5e9f |
rgb(45,94,159) |
hsl(214,56%,40%) |
| #27538b |
rgb(39,83,139) |
hsl(214,56%,35%) |
| #224777 |
rgb(34,71,119) |
hsl(214,56%,30%) |
| #1c3b63 |
rgb(28,59,99) |
hsl(214,56%,25%) |
| #162f50 |
rgb(22,47,80) |
hsl(214,56%,20%) |
| #11233c |
rgb(17,35,60) |
hsl(214,56%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(214,56%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(214,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B5A7 |
rgb(51,181,167) |
hsl(174,56%,45%) |
| #336BB4 |
rgb(51,107,180) |
hsl(214,56%,45%) |
| #5133B4 |
rgb(81,51,180) |
hsl(254,56%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5F91D1 |
rgb(95,145,209) |
hsl(214,55%,60%) |
| #427DC9 |
rgb(66,125,201) |
hsl(214,56%,52%) |
| #336BB4 |
rgb(51,107,180) |
hsl(214,56%,45%) |
| #2A5997 |
rgb(42,89,151) |
hsl(214,56%,38%) |
| #224A7A |
rgb(34,74,122) |
hsl(213,56%,31%) |
| #1A385D |
rgb(26,56,93) |
hsl(213,56%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336BB4 |
rgb(51,107,180) |
hsl(214,56%,45%) |
| #B43B33 |
rgb(180,59,51) |
hsl(4,56%,45%) |
| #ABB533 |
rgb(171,181,51) |
hsl(65,56%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336BB4 |
rgb(51,107,180) |
hsl(214,56%,45%) |
| #B47D33 |
rgb(180,125,51) |
hsl(34,56%,45%) |
| #33ABB4 |
rgb(51,171,180) |
hsl(184,56%,45%) |
| #ABB533 |
rgb(171,181,51) |
hsl(65,56%,45%) |
