HEX #396EB1 color — Azure
The color #396EB1 is a dark shade and moderately saturated.
Palette
396EB1 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(214,51%,96%) |
#dce6f4 |
rgb(220,230,244) |
hsl(214,51%,91%) |
#c9d9ee |
rgb(201,217,238) |
hsl(214,51%,86%) |
#b6cbe7 |
rgb(182,203,231) |
hsl(214,51%,81%) |
#a3bee1 |
rgb(163,190,225) |
hsl(214,51%,76%) |
#8fb0db |
rgb(143,176,219) |
hsl(214,51%,71%) |
#7ca2d5 |
rgb(124,162,213) |
hsl(214,51%,66%) |
#6995ce |
rgb(105,149,206) |
hsl(214,51%,61%) |
#5687c8 |
rgb(86,135,200) |
hsl(214,51%,56%) |
#427ac2 |
rgb(66,122,194) |
hsl(214,51%,51%) |
#396db1 |
rgb(57,109,177) |
hsl(214,51%,46%) |
#33619e |
rgb(51,97,158) |
hsl(214,51%,41%) |
#2d568b |
rgb(45,86,139) |
hsl(214,51%,36%) |
#274a77 |
rgb(39,74,119) |
hsl(214,51%,31%) |
#203e64 |
rgb(32,62,100) |
hsl(214,51%,26%) |
#1a3251 |
rgb(26,50,81) |
hsl(214,51%,21%) |
#14263e |
rgb(20,38,62) |
hsl(214,51%,16%) |
#0e1a2a |
rgb(14,26,42) |
hsl(214,51%,11%) |
#070e17 |
rgb(7,14,23) |
hsl(214,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39B0A4 |
rgb(57,176,164) |
hsl(174,51%,46%) |
#396EB1 |
rgb(57,110,177) |
hsl(214,51%,46%) |
#5438B1 |
rgb(84,56,177) |
hsl(254,52%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6694CE |
rgb(102,148,206) |
hsl(213,51%,60%) |
#4A80C4 |
rgb(74,128,196) |
hsl(213,51%,53%) |
#396EB1 |
rgb(57,110,177) |
hsl(214,51%,46%) |
#2F5C94 |
rgb(47,92,148) |
hsl(213,52%,38%) |
#264A78 |
rgb(38,74,120) |
hsl(214,52%,31%) |
#1D385C |
rgb(29,56,92) |
hsl(214,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#396EB1 |
rgb(57,110,177) |
hsl(214,51%,46%) |
#B14039 |
rgb(177,64,57) |
hsl(4,51%,46%) |
#AAB039 |
rgb(170,176,57) |
hsl(63,51%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EB1 |
rgb(57,110,177) |
hsl(214,51%,46%) |
#B17D39 |
rgb(177,125,57) |
hsl(34,51%,46%) |
#39ABB1 |
rgb(57,171,177) |
hsl(183,51%,46%) |
#AAB039 |
rgb(170,176,57) |
hsl(63,51%,46%) |