HEX #396BA4 color — Azure
The color #396BA4 is a dark shade and moderately saturated.
Palette
396BA4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(212,48%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(212,48%,93%) |
#d2dfef |
rgb(210,223,239) |
hsl(212,48%,88%) |
#bfd2e8 |
rgb(191,210,232) |
hsl(212,48%,83%) |
#acc5e2 |
rgb(172,197,226) |
hsl(212,48%,78%) |
#99b8db |
rgb(153,184,219) |
hsl(212,48%,73%) |
#86abd5 |
rgb(134,171,213) |
hsl(212,48%,68%) |
#739ece |
rgb(115,158,206) |
hsl(212,48%,63%) |
#6090c7 |
rgb(96,144,199) |
hsl(212,48%,58%) |
#4e83c1 |
rgb(78,131,193) |
hsl(212,48%,53%) |
#4076b5 |
rgb(64,118,181) |
hsl(212,48%,48%) |
#396aa2 |
rgb(57,106,162) |
hsl(212,48%,43%) |
#325e8f |
rgb(50,94,143) |
hsl(212,48%,38%) |
#2c517d |
rgb(44,81,125) |
hsl(212,48%,33%) |
#25456a |
rgb(37,69,106) |
hsl(212,48%,28%) |
#1e3957 |
rgb(30,57,87) |
hsl(212,48%,23%) |
#182c44 |
rgb(24,44,68) |
hsl(212,48%,18%) |
#112031 |
rgb(17,32,49) |
hsl(212,48%,13%) |
#0b141e |
rgb(11,20,30) |
hsl(212,48%,8%) |
#04070b |
rgb(4,7,11) |
hsl(212,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39A395 |
rgb(57,163,149) |
hsl(172,48%,43%) |
#396BA4 |
rgb(57,107,164) |
hsl(212,48%,43%) |
#4E38A4 |
rgb(78,56,164) |
hsl(252,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D8FC6 |
rgb(93,143,198) |
hsl(211,48%,57%) |
#427DBD |
rgb(66,125,189) |
hsl(211,48%,50%) |
#396BA4 |
rgb(57,107,164) |
hsl(212,48%,43%) |
#2F5989 |
rgb(47,89,137) |
hsl(212,49%,36%) |
#264A6F |
rgb(38,74,111) |
hsl(210,49%,29%) |
#1D3855 |
rgb(29,56,85) |
hsl(211,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BA4 |
rgb(57,107,164) |
hsl(212,48%,43%) |
#A43D39 |
rgb(164,61,57) |
hsl(2,48%,43%) |
#A0A339 |
rgb(160,163,57) |
hsl(62,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BA4 |
rgb(57,107,164) |
hsl(212,48%,43%) |
#A47339 |
rgb(164,115,57) |
hsl(33,48%,43%) |
#39A1A4 |
rgb(57,161,164) |
hsl(182,48%,43%) |
#A0A339 |
rgb(160,163,57) |
hsl(62,48%,43%) |