HEX #345C96 color — Azure
The color #345C96 is a dark shade and moderately saturated.
Palette
345C96 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(216,49%,95%) |
#d9e3f2 |
rgb(217,227,242) |
hsl(216,49%,90%) |
#c6d5eb |
rgb(198,213,235) |
hsl(216,49%,85%) |
#b3c7e5 |
rgb(179,199,229) |
hsl(216,49%,80%) |
#a0b9de |
rgb(160,185,222) |
hsl(216,49%,75%) |
#8dabd8 |
rgb(141,171,216) |
hsl(216,49%,70%) |
#7a9dd1 |
rgb(122,157,209) |
hsl(216,49%,65%) |
#678fcb |
rgb(103,143,203) |
hsl(216,49%,60%) |
#5481c4 |
rgb(84,129,196) |
hsl(216,49%,55%) |
#4173be |
rgb(65,115,190) |
hsl(216,49%,50%) |
#3b68ab |
rgb(59,104,171) |
hsl(216,49%,45%) |
#345c98 |
rgb(52,92,152) |
hsl(216,49%,40%) |
#2e5185 |
rgb(46,81,133) |
hsl(216,49%,35%) |
#274572 |
rgb(39,69,114) |
hsl(216,49%,30%) |
#213a5f |
rgb(33,58,95) |
hsl(216,49%,25%) |
#1a2e4c |
rgb(26,46,76) |
hsl(216,49%,20%) |
#142339 |
rgb(20,35,57) |
hsl(216,49%,15%) |
#0d1726 |
rgb(13,23,38) |
hsl(216,49%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(216,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#34968E |
rgb(52,150,142) |
hsl(175,49%,40%) |
#345C96 |
rgb(52,92,150) |
hsl(216,49%,40%) |
#4D3396 |
rgb(77,51,150) |
hsl(256,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C6BAE |
rgb(60,107,174) |
hsl(215,49%,46%) |
#345C96 |
rgb(52,92,150) |
hsl(216,49%,40%) |
#2B4D7E |
rgb(43,77,126) |
hsl(215,49%,33%) |
#234066 |
rgb(35,64,102) |
hsl(214,49%,27%) |
#1B304E |
rgb(27,48,78) |
hsl(215,49%,21%) |
#122136 |
rgb(18,33,54) |
hsl(215,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#345C96 |
rgb(52,92,150) |
hsl(216,49%,40%) |
#963D34 |
rgb(150,61,52) |
hsl(6,49%,40%) |
#8D9634 |
rgb(141,150,52) |
hsl(66,49%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345C96 |
rgb(52,92,150) |
hsl(216,49%,40%) |
#966E34 |
rgb(150,110,52) |
hsl(36,49%,40%) |
#348C96 |
rgb(52,140,150) |
hsl(186,49%,40%) |
#8D9634 |
rgb(141,150,52) |
hsl(66,49%,40%) |