HEX #396ECD color — Mariner
The color #396ECD is a dark shade and moderately saturated.
Palette
396ECD color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(219,60%,96%) |
#dae4f6 |
rgb(218,228,246) |
hsl(219,60%,91%) |
#c6d5f1 |
rgb(198,213,241) |
hsl(219,60%,86%) |
#b1c6ec |
rgb(177,198,236) |
hsl(219,60%,81%) |
#9db7e7 |
rgb(157,183,231) |
hsl(219,60%,76%) |
#89a8e1 |
rgb(137,168,225) |
hsl(219,60%,71%) |
#7499dc |
rgb(116,153,220) |
hsl(219,60%,66%) |
#608ad7 |
rgb(96,138,215) |
hsl(219,60%,61%) |
#4b7bd2 |
rgb(75,123,210) |
hsl(219,60%,56%) |
#376ccd |
rgb(55,108,205) |
hsl(219,60%,51%) |
#2f60bc |
rgb(47,96,188) |
hsl(219,60%,46%) |
#2a56a7 |
rgb(42,86,167) |
hsl(219,60%,41%) |
#254b93 |
rgb(37,75,147) |
hsl(219,60%,36%) |
#20417e |
rgb(32,65,126) |
hsl(219,60%,31%) |
#1b366a |
rgb(27,54,106) |
hsl(219,60%,26%) |
#152c56 |
rgb(21,44,86) |
hsl(219,60%,21%) |
#102141 |
rgb(16,33,65) |
hsl(219,60%,16%) |
#0b172d |
rgb(11,23,45) |
hsl(219,60%,11%) |
#060d18 |
rgb(6,13,24) |
hsl(219,60%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39CCC9 |
rgb(57,204,201) |
hsl(179,59%,51%) |
#396ECD |
rgb(57,110,205) |
hsl(219,60%,51%) |
#6638CD |
rgb(102,56,205) |
hsl(259,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B9EDD |
rgb(123,158,221) |
hsl(219,59%,67%) |
#5A87D5 |
rgb(90,135,213) |
hsl(218,59%,59%) |
#396ECD |
rgb(57,110,205) |
hsl(219,60%,51%) |
#2C5CAF |
rgb(44,92,175) |
hsl(218,60%,43%) |
#234A8E |
rgb(35,74,142) |
hsl(218,60%,35%) |
#1B386C |
rgb(27,56,108) |
hsl(219,60%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#396ECD |
rgb(57,110,205) |
hsl(219,60%,51%) |
#CD4F39 |
rgb(205,79,57) |
hsl(9,60%,51%) |
#B8CC39 |
rgb(184,204,57) |
hsl(68,59%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396ECD |
rgb(57,110,205) |
hsl(219,60%,51%) |
#CD9939 |
rgb(205,153,57) |
hsl(39,60%,51%) |
#39B8CD |
rgb(57,184,205) |
hsl(189,60%,51%) |
#B8CC39 |
rgb(184,204,57) |
hsl(68,59%,51%) |