HEX #396BAE color — Azure
The color #396BAE is a dark shade and moderately saturated.
Palette
396BAE color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f9 |
rgb(236,241,249) |
hsl(214,51%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(214,51%,90%) |
#c5d6ec |
rgb(197,214,236) |
hsl(214,51%,85%) |
#b2c9e6 |
rgb(178,201,230) |
hsl(214,51%,80%) |
#9fbbe0 |
rgb(159,187,224) |
hsl(214,51%,75%) |
#8badda |
rgb(139,173,218) |
hsl(214,51%,70%) |
#78a0d3 |
rgb(120,160,211) |
hsl(214,51%,65%) |
#6592cd |
rgb(101,146,205) |
hsl(214,51%,60%) |
#5284c7 |
rgb(82,132,199) |
hsl(214,51%,55%) |
#3e77c1 |
rgb(62,119,193) |
hsl(214,51%,50%) |
#386bad |
rgb(56,107,173) |
hsl(214,51%,45%) |
#325f9a |
rgb(50,95,154) |
hsl(214,51%,40%) |
#2c5387 |
rgb(44,83,135) |
hsl(214,51%,35%) |
#254774 |
rgb(37,71,116) |
hsl(214,51%,30%) |
#1f3b60 |
rgb(31,59,96) |
hsl(214,51%,25%) |
#19304d |
rgb(25,48,77) |
hsl(214,51%,20%) |
#13243a |
rgb(19,36,58) |
hsl(214,51%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(214,51%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(214,51%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#39ADA3 |
rgb(57,173,163) |
hsl(175,50%,45%) |
#396BAE |
rgb(57,107,174) |
hsl(214,51%,45%) |
#5538AE |
rgb(85,56,174) |
hsl(255,51%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6491CC |
rgb(100,145,204) |
hsl(214,50%,60%) |
#487DC3 |
rgb(72,125,195) |
hsl(214,51%,52%) |
#396BAE |
rgb(57,107,174) |
hsl(214,51%,45%) |
#2F5992 |
rgb(47,89,146) |
hsl(215,51%,38%) |
#264A76 |
rgb(38,74,118) |
hsl(213,51%,31%) |
#1D385A |
rgb(29,56,90) |
hsl(213,51%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BAE |
rgb(57,107,174) |
hsl(214,51%,45%) |
#AE4239 |
rgb(174,66,57) |
hsl(5,51%,45%) |
#A5AD39 |
rgb(165,173,57) |
hsl(64,50%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BAE |
rgb(57,107,174) |
hsl(214,51%,45%) |
#AE7D39 |
rgb(174,125,57) |
hsl(35,51%,45%) |
#39A6AE |
rgb(57,166,174) |
hsl(184,51%,45%) |
#A5AD39 |
rgb(165,173,57) |
hsl(64,50%,45%) |