HEX #3366B5 color — Azure
The color #3366B5 is a dark shade and moderately saturated.
Palette
3366B5 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1f9 |
rgb(235,241,249) |
hsl(216,56%,95%) |
#d7e3f4 |
rgb(215,227,244) |
hsl(216,56%,90%) |
#c3d4ee |
rgb(195,212,238) |
hsl(216,56%,85%) |
#afc6e9 |
rgb(175,198,233) |
hsl(216,56%,80%) |
#9cb8e3 |
rgb(156,184,227) |
hsl(216,56%,75%) |
#88aadd |
rgb(136,170,221) |
hsl(216,56%,70%) |
#749cd8 |
rgb(116,156,216) |
hsl(216,56%,65%) |
#608ed2 |
rgb(96,142,210) |
hsl(216,56%,60%) |
#4c7fcd |
rgb(76,127,205) |
hsl(216,56%,55%) |
#3871c7 |
rgb(56,113,199) |
hsl(216,56%,50%) |
#3266b3 |
rgb(50,102,179) |
hsl(216,56%,45%) |
#2d5b9f |
rgb(45,91,159) |
hsl(216,56%,40%) |
#274f8b |
rgb(39,79,139) |
hsl(216,56%,35%) |
#224477 |
rgb(34,68,119) |
hsl(216,56%,30%) |
#1c3963 |
rgb(28,57,99) |
hsl(216,56%,25%) |
#162d50 |
rgb(22,45,80) |
hsl(216,56%,20%) |
#11223c |
rgb(17,34,60) |
hsl(216,56%,15%) |
#0b1728 |
rgb(11,23,40) |
hsl(216,56%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(216,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33B5AD |
rgb(51,181,173) |
hsl(176,56%,45%) |
#3366B5 |
rgb(51,102,181) |
hsl(216,56%,45%) |
#5633B5 |
rgb(86,51,181) |
hsl(256,56%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#608CD2 |
rgb(96,140,210) |
hsl(217,56%,60%) |
#4378CA |
rgb(67,120,202) |
hsl(216,56%,53%) |
#3366B5 |
rgb(51,102,181) |
hsl(216,56%,45%) |
#2A5798 |
rgb(42,87,152) |
hsl(215,57%,38%) |
#22457B |
rgb(34,69,123) |
hsl(216,57%,31%) |
#1A365E |
rgb(26,54,94) |
hsl(215,57%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3366B5 |
rgb(51,102,181) |
hsl(216,56%,45%) |
#B54033 |
rgb(181,64,51) |
hsl(6,56%,45%) |
#A7B533 |
rgb(167,181,51) |
hsl(66,56%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3366B5 |
rgb(51,102,181) |
hsl(216,56%,45%) |
#B58233 |
rgb(181,130,51) |
hsl(36,56%,45%) |
#33A6B5 |
rgb(51,166,181) |
hsl(187,56%,45%) |
#A7B533 |
rgb(167,181,51) |
hsl(66,56%,45%) |