HEX #3369A6 color — Azure
The color #3369A6 is a dark shade and moderately saturated.
Palette
3369A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(212,53%,98%) |
#e4edf7 |
rgb(228,237,247) |
hsl(212,53%,93%) |
#d0dff1 |
rgb(208,223,241) |
hsl(212,53%,88%) |
#bdd2eb |
rgb(189,210,235) |
hsl(212,53%,83%) |
#a9c5e5 |
rgb(169,197,229) |
hsl(212,53%,78%) |
#96b8df |
rgb(150,184,223) |
hsl(212,53%,73%) |
#82abd9 |
rgb(130,171,217) |
hsl(212,53%,68%) |
#6f9dd3 |
rgb(111,157,211) |
hsl(212,53%,63%) |
#5b90cd |
rgb(91,144,205) |
hsl(212,53%,58%) |
#4883c7 |
rgb(72,131,199) |
hsl(212,53%,53%) |
#3a76bb |
rgb(58,118,187) |
hsl(212,53%,48%) |
#346aa8 |
rgb(52,106,168) |
hsl(212,53%,43%) |
#2e5d94 |
rgb(46,93,148) |
hsl(212,53%,38%) |
#285181 |
rgb(40,81,129) |
hsl(212,53%,33%) |
#22456d |
rgb(34,69,109) |
hsl(212,53%,28%) |
#1c395a |
rgb(28,57,90) |
hsl(212,53%,23%) |
#162c46 |
rgb(22,44,70) |
hsl(212,53%,18%) |
#102033 |
rgb(16,32,51) |
hsl(212,53%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(212,53%,8%) |
#04070c |
rgb(4,7,12) |
hsl(212,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A696 |
rgb(51,166,150) |
hsl(172,53%,43%) |
#3369A6 |
rgb(51,105,166) |
hsl(212,53%,43%) |
#4933A6 |
rgb(73,51,166) |
hsl(251,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#538CCA |
rgb(83,140,202) |
hsl(211,53%,56%) |
#3B7AC0 |
rgb(59,122,192) |
hsl(212,53%,49%) |
#3369A6 |
rgb(51,105,166) |
hsl(212,53%,43%) |
#2A598B |
rgb(42,89,139) |
hsl(211,54%,35%) |
#224770 |
rgb(34,71,112) |
hsl(212,53%,29%) |
#1A3656 |
rgb(26,54,86) |
hsl(212,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3369A6 |
rgb(51,105,166) |
hsl(212,53%,43%) |
#A63633 |
rgb(166,54,51) |
hsl(2,53%,43%) |
#A2A633 |
rgb(162,166,51) |
hsl(62,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3369A6 |
rgb(51,105,166) |
hsl(212,53%,43%) |
#A67033 |
rgb(166,112,51) |
hsl(32,53%,43%) |
#33A3A6 |
rgb(51,163,166) |
hsl(182,53%,43%) |
#A2A633 |
rgb(162,166,51) |
hsl(62,53%,43%) |