HEX #3366A4 color — Azure
The color #3366A4 is a dark shade and moderately saturated.
Palette
3366A4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(213,53%,97%) |
#e0eaf5 |
rgb(224,234,245) |
hsl(213,53%,92%) |
#ccdcef |
rgb(204,220,239) |
hsl(213,53%,87%) |
#b9cfe9 |
rgb(185,207,233) |
hsl(213,53%,82%) |
#a5c1e3 |
rgb(165,193,227) |
hsl(213,53%,77%) |
#92b4dd |
rgb(146,180,221) |
hsl(213,53%,72%) |
#7ea6d7 |
rgb(126,166,215) |
hsl(213,53%,67%) |
#6b99d1 |
rgb(107,153,209) |
hsl(213,53%,62%) |
#578ccb |
rgb(87,140,203) |
hsl(213,53%,57%) |
#447ec5 |
rgb(68,126,197) |
hsl(213,53%,52%) |
#3871b7 |
rgb(56,113,183) |
hsl(213,53%,47%) |
#3265a4 |
rgb(50,101,164) |
hsl(213,53%,42%) |
#2c5990 |
rgb(44,89,144) |
hsl(213,53%,37%) |
#264d7d |
rgb(38,77,125) |
hsl(213,53%,32%) |
#204169 |
rgb(32,65,105) |
hsl(213,53%,27%) |
#1a3556 |
rgb(26,53,86) |
hsl(213,53%,22%) |
#142942 |
rgb(20,41,66) |
hsl(213,53%,17%) |
#0e1d2f |
rgb(14,29,47) |
hsl(213,53%,12%) |
#08111b |
rgb(8,17,27) |
hsl(213,53%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A396 |
rgb(51,163,150) |
hsl(173,52%,42%) |
#3366A4 |
rgb(51,102,164) |
hsl(213,53%,42%) |
#4B33A4 |
rgb(75,51,164) |
hsl(253,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5287C9 |
rgb(82,135,201) |
hsl(213,52%,55%) |
#3B75BE |
rgb(59,117,190) |
hsl(213,53%,49%) |
#3366A4 |
rgb(51,102,164) |
hsl(213,53%,42%) |
#2A5789 |
rgb(42,87,137) |
hsl(212,53%,35%) |
#22456F |
rgb(34,69,111) |
hsl(213,53%,28%) |
#1A3655 |
rgb(26,54,85) |
hsl(212,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3366A4 |
rgb(51,102,164) |
hsl(213,53%,42%) |
#A43833 |
rgb(164,56,51) |
hsl(3,53%,42%) |
#9EA333 |
rgb(158,163,51) |
hsl(63,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3366A4 |
rgb(51,102,164) |
hsl(213,53%,42%) |
#A47033 |
rgb(164,112,51) |
hsl(32,53%,42%) |
#339EA4 |
rgb(51,158,164) |
hsl(183,53%,42%) |
#9EA333 |
rgb(158,163,51) |
hsl(63,52%,42%) |