HEX #345EA5 color — Azure
The color #345EA5 is a dark shade and moderately saturated.
Palette
345EA5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(218,52%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(218,52%,93%) |
#d0dcf0 |
rgb(208,220,240) |
hsl(218,52%,88%) |
#bdceea |
rgb(189,206,234) |
hsl(218,52%,83%) |
#aabfe4 |
rgb(170,191,228) |
hsl(218,52%,78%) |
#96b1de |
rgb(150,177,222) |
hsl(218,52%,73%) |
#83a2d8 |
rgb(131,162,216) |
hsl(218,52%,68%) |
#7094d2 |
rgb(112,148,210) |
hsl(218,52%,63%) |
#5c85cc |
rgb(92,133,204) |
hsl(218,52%,58%) |
#4977c5 |
rgb(73,119,197) |
hsl(218,52%,53%) |
#3b69ba |
rgb(59,105,186) |
hsl(218,52%,48%) |
#355ea7 |
rgb(53,94,167) |
hsl(218,52%,43%) |
#2f5393 |
rgb(47,83,147) |
hsl(218,52%,38%) |
#284880 |
rgb(40,72,128) |
hsl(218,52%,33%) |
#223d6d |
rgb(34,61,109) |
hsl(218,52%,28%) |
#1c3359 |
rgb(28,51,89) |
hsl(218,52%,23%) |
#162846 |
rgb(22,40,70) |
hsl(218,52%,18%) |
#101d32 |
rgb(16,29,50) |
hsl(218,52%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(218,52%,8%) |
#04070c |
rgb(4,7,12) |
hsl(218,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#34A6A0 |
rgb(52,166,160) |
hsl(177,52%,43%) |
#345EA5 |
rgb(52,94,165) |
hsl(218,52%,43%) |
#5533A5 |
rgb(85,51,165) |
hsl(258,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5580C9 |
rgb(85,128,201) |
hsl(218,52%,56%) |
#3C6EBF |
rgb(60,110,191) |
hsl(217,52%,49%) |
#345EA5 |
rgb(52,94,165) |
hsl(218,52%,43%) |
#2B4F8A |
rgb(43,79,138) |
hsl(217,52%,35%) |
#234070 |
rgb(35,64,112) |
hsl(217,52%,29%) |
#1B3055 |
rgb(27,48,85) |
hsl(218,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#345EA5 |
rgb(52,94,165) |
hsl(218,52%,43%) |
#A54234 |
rgb(165,66,52) |
hsl(7,52%,43%) |
#96A634 |
rgb(150,166,52) |
hsl(68,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345EA5 |
rgb(52,94,165) |
hsl(218,52%,43%) |
#A57A34 |
rgb(165,122,52) |
hsl(37,52%,43%) |
#3496A5 |
rgb(52,150,165) |
hsl(188,52%,43%) |
#96A634 |
rgb(150,166,52) |
hsl(68,52%,43%) |