HEX #396BB4 color — Azure
The color #396BB4 is a dark shade and moderately saturated.
Palette
396BB4 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fa |
rgb(239,244,250) |
hsl(216,52%,96%) |
#dce6f4 |
rgb(220,230,244) |
hsl(216,52%,91%) |
#c9d8ee |
rgb(201,216,238) |
hsl(216,52%,86%) |
#b5cae8 |
rgb(181,202,232) |
hsl(216,52%,81%) |
#a2bbe2 |
rgb(162,187,226) |
hsl(216,52%,76%) |
#8faddc |
rgb(143,173,220) |
hsl(216,52%,71%) |
#7b9fd5 |
rgb(123,159,213) |
hsl(216,52%,66%) |
#6891cf |
rgb(104,145,207) |
hsl(216,52%,61%) |
#5483c9 |
rgb(84,131,201) |
hsl(216,52%,56%) |
#4175c3 |
rgb(65,117,195) |
hsl(216,52%,51%) |
#3869b2 |
rgb(56,105,178) |
hsl(216,52%,46%) |
#325e9f |
rgb(50,94,159) |
hsl(216,52%,41%) |
#2c528c |
rgb(44,82,140) |
hsl(216,52%,36%) |
#264778 |
rgb(38,71,120) |
hsl(216,52%,31%) |
#203b65 |
rgb(32,59,101) |
hsl(216,52%,26%) |
#1a3051 |
rgb(26,48,81) |
hsl(216,52%,21%) |
#14253e |
rgb(20,37,62) |
hsl(216,52%,16%) |
#0d192b |
rgb(13,25,43) |
hsl(216,52%,11%) |
#070e17 |
rgb(7,14,23) |
hsl(216,52%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39B5AB |
rgb(57,181,171) |
hsl(175,52%,47%) |
#396BB4 |
rgb(57,107,180) |
hsl(216,52%,46%) |
#5938B4 |
rgb(89,56,180) |
hsl(256,53%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6994CF |
rgb(105,148,207) |
hsl(215,52%,61%) |
#4C7DC6 |
rgb(76,125,198) |
hsl(216,52%,54%) |
#396BB4 |
rgb(57,107,180) |
hsl(216,52%,46%) |
#2F5997 |
rgb(47,89,151) |
hsl(216,53%,39%) |
#264A7A |
rgb(38,74,122) |
hsl(214,53%,31%) |
#1D385D |
rgb(29,56,93) |
hsl(215,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BB4 |
rgb(57,107,180) |
hsl(216,52%,46%) |
#B44539 |
rgb(180,69,57) |
hsl(6,52%,46%) |
#A8B539 |
rgb(168,181,57) |
hsl(66,52%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BB4 |
rgb(57,107,180) |
hsl(216,52%,46%) |
#B48239 |
rgb(180,130,57) |
hsl(36,52%,46%) |
#39A8B4 |
rgb(57,168,180) |
hsl(186,52%,46%) |
#A8B539 |
rgb(168,181,57) |
hsl(66,52%,47%) |