HEX #346BA9 color — Azure
The color #346BA9 is a dark shade and moderately saturated.
Palette
346BA9 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 |
#34A899 |
rgb(52,168,153) |
hsl(172,53%,43%) |
#346BA9 |
rgb(52,107,169) |
hsl(212,53%,43%) |
#4B33A9 |
rgb(75,51,169) |
hsl(252,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#588FCB |
rgb(88,143,203) |
hsl(211,53%,57%) |
#3D7DC3 |
rgb(61,125,195) |
hsl(211,53%,50%) |
#346BA9 |
rgb(52,107,169) |
hsl(212,53%,43%) |
#2B598D |
rgb(43,89,141) |
hsl(212,53%,36%) |
#234A72 |
rgb(35,74,114) |
hsl(210,53%,29%) |
#1B3857 |
rgb(27,56,87) |
hsl(211,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#346BA9 |
rgb(52,107,169) |
hsl(212,53%,43%) |
#A93834 |
rgb(169,56,52) |
hsl(2,53%,43%) |
#A5A834 |
rgb(165,168,52) |
hsl(62,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#346BA9 |
rgb(52,107,169) |
hsl(212,53%,43%) |
#A97334 |
rgb(169,115,52) |
hsl(32,53%,43%) |
#34A6A9 |
rgb(52,166,169) |
hsl(182,53%,43%) |
#A5A834 |
rgb(165,168,52) |
hsl(62,53%,43%) |