HEX #3369B4 color — Azure
The color #3369B4 is a dark shade and moderately saturated.
Palette
3369B4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf1f9 |
rgb(235,241,249) |
hsl(215,56%,95%) |
| #d7e3f4 |
rgb(215,227,244) |
hsl(215,56%,90%) |
| #c3d5ee |
rgb(195,213,238) |
hsl(215,56%,85%) |
| #afc7e9 |
rgb(175,199,233) |
hsl(215,56%,80%) |
| #9cb9e3 |
rgb(156,185,227) |
hsl(215,56%,75%) |
| #88abdd |
rgb(136,171,221) |
hsl(215,56%,70%) |
| #749dd8 |
rgb(116,157,216) |
hsl(215,56%,65%) |
| #608fd2 |
rgb(96,143,210) |
hsl(215,56%,60%) |
| #4c82cd |
rgb(76,130,205) |
hsl(215,56%,55%) |
| #3874c7 |
rgb(56,116,199) |
hsl(215,56%,50%) |
| #3268b3 |
rgb(50,104,179) |
hsl(215,56%,45%) |
| #2d5c9f |
rgb(45,92,159) |
hsl(215,56%,40%) |
| #27518b |
rgb(39,81,139) |
hsl(215,56%,35%) |
| #224577 |
rgb(34,69,119) |
hsl(215,56%,30%) |
| #1c3a63 |
rgb(28,58,99) |
hsl(215,56%,25%) |
| #162e50 |
rgb(22,46,80) |
hsl(215,56%,20%) |
| #11233c |
rgb(17,35,60) |
hsl(215,56%,15%) |
| #0b1728 |
rgb(11,23,40) |
hsl(215,56%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(215,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B5A9 |
rgb(51,181,169) |
hsl(174,56%,45%) |
| #3369B4 |
rgb(51,105,180) |
hsl(215,56%,45%) |
| #5333B4 |
rgb(83,51,180) |
hsl(255,56%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5F8FD1 |
rgb(95,143,209) |
hsl(215,55%,60%) |
| #427AC9 |
rgb(66,122,201) |
hsl(215,56%,52%) |
| #3369B4 |
rgb(51,105,180) |
hsl(215,56%,45%) |
| #2A5997 |
rgb(42,89,151) |
hsl(214,56%,38%) |
| #22477A |
rgb(34,71,122) |
hsl(215,56%,31%) |
| #1A365D |
rgb(26,54,93) |
hsl(215,56%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3369B4 |
rgb(51,105,180) |
hsl(215,56%,45%) |
| #B43D33 |
rgb(180,61,51) |
hsl(5,56%,45%) |
| #A9B533 |
rgb(169,181,51) |
hsl(66,56%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3369B4 |
rgb(51,105,180) |
hsl(215,56%,45%) |
| #B47D33 |
rgb(180,125,51) |
hsl(34,56%,45%) |
| #33A8B4 |
rgb(51,168,180) |
hsl(186,56%,45%) |
| #A9B533 |
rgb(169,181,51) |
hsl(66,56%,45%) |
