HEX #346196 color — Azure
The color #346196 is a dark shade and moderately saturated.
Palette
346196 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(212,49%,95%) |
#d9e5f2 |
rgb(217,229,242) |
hsl(212,49%,90%) |
#c6d8eb |
rgb(198,216,235) |
hsl(212,49%,85%) |
#b3cae5 |
rgb(179,202,229) |
hsl(212,49%,80%) |
#a0bdde |
rgb(160,189,222) |
hsl(212,49%,75%) |
#8db0d8 |
rgb(141,176,216) |
hsl(212,49%,70%) |
#7aa3d1 |
rgb(122,163,209) |
hsl(212,49%,65%) |
#6796cb |
rgb(103,150,203) |
hsl(212,49%,60%) |
#5489c4 |
rgb(84,137,196) |
hsl(212,49%,55%) |
#417bbe |
rgb(65,123,190) |
hsl(212,49%,50%) |
#3b6fab |
rgb(59,111,171) |
hsl(212,49%,45%) |
#346398 |
rgb(52,99,152) |
hsl(212,49%,40%) |
#2e5685 |
rgb(46,86,133) |
hsl(212,49%,35%) |
#274a72 |
rgb(39,74,114) |
hsl(212,49%,30%) |
#213e5f |
rgb(33,62,95) |
hsl(212,49%,25%) |
#1a314c |
rgb(26,49,76) |
hsl(212,49%,20%) |
#142539 |
rgb(20,37,57) |
hsl(212,49%,15%) |
#0d1926 |
rgb(13,25,38) |
hsl(212,49%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(212,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#349689 |
rgb(52,150,137) |
hsl(172,49%,40%) |
#346196 |
rgb(52,97,150) |
hsl(212,49%,40%) |
#483396 |
rgb(72,51,150) |
hsl(253,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C70AE |
rgb(60,112,174) |
hsl(213,49%,46%) |
#346196 |
rgb(52,97,150) |
hsl(212,49%,40%) |
#2B527E |
rgb(43,82,126) |
hsl(212,49%,33%) |
#234266 |
rgb(35,66,102) |
hsl(212,49%,27%) |
#1B334E |
rgb(27,51,78) |
hsl(212,49%,21%) |
#122436 |
rgb(18,36,54) |
hsl(210,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#346196 |
rgb(52,97,150) |
hsl(212,49%,40%) |
#963834 |
rgb(150,56,52) |
hsl(2,49%,40%) |
#929634 |
rgb(146,150,52) |
hsl(62,49%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#346196 |
rgb(52,97,150) |
hsl(212,49%,40%) |
#966934 |
rgb(150,105,52) |
hsl(32,49%,40%) |
#349196 |
rgb(52,145,150) |
hsl(183,49%,40%) |
#929634 |
rgb(146,150,52) |
hsl(62,49%,40%) |