HEX #345DA2 color — Azure
The color #345da2 is a dark shade and moderately saturated.
Palette
345da2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(218,51%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(218,51%,92%) |
#cdd9ef |
rgb(205,217,239) |
hsl(218,51%,87%) |
#bacbe9 |
rgb(186,203,233) |
hsl(218,51%,82%) |
#a6bce2 |
rgb(166,188,226) |
hsl(218,51%,77%) |
#93aedc |
rgb(147,174,220) |
hsl(218,51%,72%) |
#809fd6 |
rgb(128,159,214) |
hsl(218,51%,67%) |
#6d91d0 |
rgb(109,145,208) |
hsl(218,51%,62%) |
#5982c9 |
rgb(89,130,201) |
hsl(218,51%,57%) |
#4674c3 |
rgb(70,116,195) |
hsl(218,51%,52%) |
#3b68b5 |
rgb(59,104,181) |
hsl(218,51%,47%) |
#345da2 |
rgb(52,93,162) |
hsl(218,51%,42%) |
#2e528e |
rgb(46,82,142) |
hsl(218,51%,37%) |
#28477b |
rgb(40,71,123) |
hsl(218,51%,32%) |
#223b68 |
rgb(34,59,104) |
hsl(218,51%,27%) |
#1b3055 |
rgb(27,48,85) |
hsl(218,51%,22%) |
#152541 |
rgb(21,37,65) |
hsl(218,51%,17%) |
#0f1a2e |
rgb(15,26,46) |
hsl(218,51%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(218,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#34A39D |
rgb(52,163,157) |
hsl(177,52%,42%) |
#345DA2 |
rgb(52,93,162) |
hsl(218,51%,42%) |
#5433A2 |
rgb(84,51,162) |
hsl(258,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5280C7 |
rgb(82,128,199) |
hsl(216,51%,55%) |
#3C6BBB |
rgb(60,107,187) |
hsl(218,51%,48%) |
#345DA2 |
rgb(52,93,162) |
hsl(218,51%,42%) |
#2B4F88 |
rgb(43,79,136) |
hsl(217,52%,35%) |
#23406E |
rgb(35,64,110) |
hsl(217,52%,28%) |
#1B3054 |
rgb(27,48,84) |
hsl(218,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#345DA2 |
rgb(52,93,162) |
hsl(218,51%,42%) |
#A24234 |
rgb(162,66,52) |
hsl(8,51%,42%) |
#94A334 |
rgb(148,163,52) |
hsl(68,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345DA2 |
rgb(52,93,162) |
hsl(218,51%,42%) |
#A27834 |
rgb(162,120,52) |
hsl(37,51%,42%) |
#3494A2 |
rgb(52,148,162) |
hsl(188,51%,42%) |
#94A334 |
rgb(148,163,52) |
hsl(68,52%,42%) |