HEX #396BCD color — Mariner
The color #396BCD is a dark shade and moderately saturated.
Palette
396BCD color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(220,60%,96%) |
#dae3f6 |
rgb(218,227,246) |
hsl(220,60%,91%) |
#c6d4f1 |
rgb(198,212,241) |
hsl(220,60%,86%) |
#b1c5ec |
rgb(177,197,236) |
hsl(220,60%,81%) |
#9db6e7 |
rgb(157,182,231) |
hsl(220,60%,76%) |
#89a6e1 |
rgb(137,166,225) |
hsl(220,60%,71%) |
#7497dc |
rgb(116,151,220) |
hsl(220,60%,66%) |
#6088d7 |
rgb(96,136,215) |
hsl(220,60%,61%) |
#4b78d2 |
rgb(75,120,210) |
hsl(220,60%,56%) |
#3769cd |
rgb(55,105,205) |
hsl(220,60%,51%) |
#2f5ebc |
rgb(47,94,188) |
hsl(220,60%,46%) |
#2a54a7 |
rgb(42,84,167) |
hsl(220,60%,41%) |
#254993 |
rgb(37,73,147) |
hsl(220,60%,36%) |
#203f7e |
rgb(32,63,126) |
hsl(220,60%,31%) |
#1b356a |
rgb(27,53,106) |
hsl(220,60%,26%) |
#152b56 |
rgb(21,43,86) |
hsl(220,60%,21%) |
#102141 |
rgb(16,33,65) |
hsl(220,60%,16%) |
#0b162d |
rgb(11,22,45) |
hsl(220,60%,11%) |
#060c18 |
rgb(6,12,24) |
hsl(220,60%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39CCCC |
rgb(57,204,204) |
hsl(180,59%,51%) |
#396BCD |
rgb(57,107,205) |
hsl(220,60%,51%) |
#6938CD |
rgb(105,56,205) |
hsl(260,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B9EDD |
rgb(123,158,221) |
hsl(219,59%,67%) |
#5A85D5 |
rgb(90,133,213) |
hsl(219,59%,59%) |
#396BCD |
rgb(57,107,205) |
hsl(220,60%,51%) |
#2C59AF |
rgb(44,89,175) |
hsl(219,60%,43%) |
#23478E |
rgb(35,71,142) |
hsl(220,60%,35%) |
#1B386C |
rgb(27,56,108) |
hsl(219,60%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BCD |
rgb(57,107,205) |
hsl(220,60%,51%) |
#CD5239 |
rgb(205,82,57) |
hsl(10,60%,51%) |
#B5CC39 |
rgb(181,204,57) |
hsl(69,59%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BCD |
rgb(57,107,205) |
hsl(220,60%,51%) |
#CD9C39 |
rgb(205,156,57) |
hsl(40,60%,51%) |
#39B5CD |
rgb(57,181,205) |
hsl(190,60%,51%) |
#B5CC39 |
rgb(181,204,57) |
hsl(69,59%,51%) |