HEX #376BA5 color — Azure
The color #376BA5 is a dark shade and moderately saturated.
Palette
376BA5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(212,50%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(212,50%,93%) |
#d1dff0 |
rgb(209,223,240) |
hsl(212,50%,88%) |
#bed2e9 |
rgb(190,210,233) |
hsl(212,50%,83%) |
#abc5e3 |
rgb(171,197,227) |
hsl(212,50%,78%) |
#98b8dd |
rgb(152,184,221) |
hsl(212,50%,73%) |
#85abd6 |
rgb(133,171,214) |
hsl(212,50%,68%) |
#719ed0 |
rgb(113,158,208) |
hsl(212,50%,63%) |
#5e90c9 |
rgb(94,144,201) |
hsl(212,50%,58%) |
#4b83c3 |
rgb(75,131,195) |
hsl(212,50%,53%) |
#3d76b8 |
rgb(61,118,184) |
hsl(212,50%,48%) |
#376aa4 |
rgb(55,106,164) |
hsl(212,50%,43%) |
#305e91 |
rgb(48,94,145) |
hsl(212,50%,38%) |
#2a517e |
rgb(42,81,126) |
hsl(212,50%,33%) |
#24456b |
rgb(36,69,107) |
hsl(212,50%,28%) |
#1d3958 |
rgb(29,57,88) |
hsl(212,50%,23%) |
#172c45 |
rgb(23,44,69) |
hsl(212,50%,18%) |
#112032 |
rgb(17,32,50) |
hsl(212,50%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(212,50%,8%) |
#04070b |
rgb(4,7,11) |
hsl(212,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#37A695 |
rgb(55,166,149) |
hsl(171,50%,43%) |
#376BA5 |
rgb(55,107,165) |
hsl(212,50%,43%) |
#4C38A5 |
rgb(76,56,165) |
hsl(251,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A8FC8 |
rgb(90,143,200) |
hsl(211,50%,57%) |
#3F7DBF |
rgb(63,125,191) |
hsl(211,50%,50%) |
#376BA5 |
rgb(55,107,165) |
hsl(212,50%,43%) |
#2E598A |
rgb(46,89,138) |
hsl(212,50%,36%) |
#254A70 |
rgb(37,74,112) |
hsl(210,50%,29%) |
#1C3855 |
rgb(28,56,85) |
hsl(211,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#376BA5 |
rgb(55,107,165) |
hsl(212,50%,43%) |
#A53B37 |
rgb(165,59,55) |
hsl(2,50%,43%) |
#A2A637 |
rgb(162,166,55) |
hsl(62,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#376BA5 |
rgb(55,107,165) |
hsl(212,50%,43%) |
#A57037 |
rgb(165,112,55) |
hsl(31,50%,43%) |
#37A3A5 |
rgb(55,163,165) |
hsl(181,50%,43%) |
#A2A637 |
rgb(162,166,55) |
hsl(62,50%,43%) |