HEX #396BD7 color — Mariner
The color #396BD7 is a dark shade and moderately saturated.
Palette
396BD7 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 |
#39D4D7 |
rgb(57,212,215) |
hsl(181,66%,53%) |
#396BD7 |
rgb(57,107,215) |
hsl(221,66%,53%) |
#7038D7 |
rgb(112,56,215) |
hsl(261,67%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81A1E5 |
rgb(129,161,229) |
hsl(221,66%,70%) |
#5D87DE |
rgb(93,135,222) |
hsl(220,66%,62%) |
#396BD7 |
rgb(57,107,215) |
hsl(221,66%,53%) |
#2657BE |
rgb(38,87,190) |
hsl(221,67%,45%) |
#1F4599 |
rgb(31,69,153) |
hsl(221,66%,36%) |
#173675 |
rgb(23,54,117) |
hsl(220,67%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BD7 |
rgb(57,107,215) |
hsl(221,66%,53%) |
#D75739 |
rgb(215,87,57) |
hsl(11,66%,53%) |
#BAD639 |
rgb(186,214,57) |
hsl(71,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BD7 |
rgb(57,107,215) |
hsl(221,66%,53%) |
#D7A639 |
rgb(215,166,57) |
hsl(41,66%,53%) |
#39BAD7 |
rgb(57,186,215) |
hsl(191,66%,53%) |
#BAD639 |
rgb(186,214,57) |
hsl(71,66%,53%) |