HEX #396ED3 color — Mariner
The color #396ED3 is a dark shade and moderately saturated.
Palette
396ED3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(219,64%,98%) |
#e2eaf9 |
rgb(226,234,249) |
hsl(219,64%,93%) |
#cddbf4 |
rgb(205,219,244) |
hsl(219,64%,88%) |
#b8cbef |
rgb(184,203,239) |
hsl(219,64%,83%) |
#a3bceb |
rgb(163,188,235) |
hsl(219,64%,78%) |
#8eade6 |
rgb(142,173,230) |
hsl(219,64%,73%) |
#799ee2 |
rgb(121,158,226) |
hsl(219,64%,68%) |
#648fdd |
rgb(100,143,221) |
hsl(219,64%,63%) |
#4f7fd8 |
rgb(79,127,216) |
hsl(219,64%,58%) |
#3a70d4 |
rgb(58,112,212) |
hsl(219,64%,53%) |
#2c63c9 |
rgb(44,99,201) |
hsl(219,64%,48%) |
#2759b4 |
rgb(39,89,180) |
hsl(219,64%,43%) |
#234e9f |
rgb(35,78,159) |
hsl(219,64%,38%) |
#1e448a |
rgb(30,68,138) |
hsl(219,64%,33%) |
#1a3a75 |
rgb(26,58,117) |
hsl(219,64%,28%) |
#152f60 |
rgb(21,47,96) |
hsl(219,64%,23%) |
#11254b |
rgb(17,37,75) |
hsl(219,64%,18%) |
#0c1b36 |
rgb(12,27,54) |
hsl(219,64%,13%) |
#071021 |
rgb(7,16,33) |
hsl(219,64%,8%) |
#03060d |
rgb(3,6,13) |
hsl(219,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39D4D1 |
rgb(57,212,209) |
hsl(179,64%,53%) |
#396ED3 |
rgb(57,110,211) |
hsl(219,64%,53%) |
#6A38D3 |
rgb(106,56,211) |
hsl(259,64%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FA1E2 |
rgb(127,161,226) |
hsl(219,63%,69%) |
#5C87DA |
rgb(92,135,218) |
hsl(220,63%,61%) |
#396ED3 |
rgb(57,110,211) |
hsl(219,64%,53%) |
#2859B8 |
rgb(40,89,184) |
hsl(220,64%,44%) |
#214A95 |
rgb(33,74,149) |
hsl(219,64%,36%) |
#193872 |
rgb(25,56,114) |
hsl(219,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#396ED3 |
rgb(57,110,211) |
hsl(219,64%,53%) |
#D35239 |
rgb(211,82,57) |
hsl(10,64%,53%) |
#BBD439 |
rgb(187,212,57) |
hsl(70,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396ED3 |
rgb(57,110,211) |
hsl(219,64%,53%) |
#D39E39 |
rgb(211,158,57) |
hsl(39,64%,53%) |
#39BAD3 |
rgb(57,186,211) |
hsl(190,64%,53%) |
#BBD439 |
rgb(187,212,57) |
hsl(70,64%,53%) |