HEX #396BD6 color — Mariner
The color #396BD6 is a dark shade and moderately saturated.
Palette
396BD6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,66%,98%) |
#e1e9f9 |
rgb(225,233,249) |
hsl(221,66%,93%) |
#ccd9f5 |
rgb(204,217,245) |
hsl(221,66%,88%) |
#b7c9f0 |
rgb(183,201,240) |
hsl(221,66%,83%) |
#a2b9ec |
rgb(162,185,236) |
hsl(221,66%,78%) |
#8da9e8 |
rgb(141,169,232) |
hsl(221,66%,73%) |
#789ae3 |
rgb(120,154,227) |
hsl(221,66%,68%) |
#628adf |
rgb(98,138,223) |
hsl(221,66%,63%) |
#4d7adb |
rgb(77,122,219) |
hsl(221,66%,58%) |
#386ad6 |
rgb(56,106,214) |
hsl(221,66%,53%) |
#2a5dcb |
rgb(42,93,203) |
hsl(221,66%,48%) |
#2553b6 |
rgb(37,83,182) |
hsl(221,66%,43%) |
#2149a1 |
rgb(33,73,161) |
hsl(221,66%,38%) |
#1d408c |
rgb(29,64,140) |
hsl(221,66%,33%) |
#183677 |
rgb(24,54,119) |
hsl(221,66%,28%) |
#142c61 |
rgb(20,44,97) |
hsl(221,66%,23%) |
#10234c |
rgb(16,35,76) |
hsl(221,66%,18%) |
#0b1937 |
rgb(11,25,55) |
hsl(221,66%,13%) |
#070f22 |
rgb(7,15,34) |
hsl(221,66%,8%) |
#03060d |
rgb(3,6,13) |
hsl(221,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39D4D6 |
rgb(57,212,214) |
hsl(181,66%,53%) |
#396BD6 |
rgb(57,107,214) |
hsl(221,66%,53%) |
#6F38D6 |
rgb(111,56,214) |
hsl(261,66%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A1E4 |
rgb(128,161,228) |
hsl(220,65%,70%) |
#5C85DD |
rgb(92,133,221) |
hsl(221,65%,61%) |
#396BD6 |
rgb(57,107,214) |
hsl(221,66%,53%) |
#2757BC |
rgb(39,87,188) |
hsl(221,66%,45%) |
#1F4798 |
rgb(31,71,152) |
hsl(220,66%,36%) |
#183674 |
rgb(24,54,116) |
hsl(220,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BD6 |
rgb(57,107,214) |
hsl(221,66%,53%) |
#D65739 |
rgb(214,87,57) |
hsl(11,66%,53%) |
#B9D639 |
rgb(185,214,57) |
hsl(71,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BD6 |
rgb(57,107,214) |
hsl(221,66%,53%) |
#D6A339 |
rgb(214,163,57) |
hsl(41,66%,53%) |
#39BAD6 |
rgb(57,186,214) |
hsl(191,66%,53%) |
#B9D639 |
rgb(185,214,57) |
hsl(71,66%,53%) |