HEX #386BD4 color — Mariner
The color #386BD4 is a dark shade and moderately saturated.
Palette
386BD4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,64%,98%) |
#e2e9f9 |
rgb(226,233,249) |
hsl(220,64%,93%) |
#cddaf4 |
rgb(205,218,244) |
hsl(220,64%,88%) |
#b8caef |
rgb(184,202,239) |
hsl(220,64%,83%) |
#a3bbeb |
rgb(163,187,235) |
hsl(220,64%,78%) |
#8eabe6 |
rgb(142,171,230) |
hsl(220,64%,73%) |
#799ce2 |
rgb(121,156,226) |
hsl(220,64%,68%) |
#648ddd |
rgb(100,141,221) |
hsl(220,64%,63%) |
#4f7dd8 |
rgb(79,125,216) |
hsl(220,64%,58%) |
#3a6ed4 |
rgb(58,110,212) |
hsl(220,64%,53%) |
#2c60c9 |
rgb(44,96,201) |
hsl(220,64%,48%) |
#2756b4 |
rgb(39,86,180) |
hsl(220,64%,43%) |
#234c9f |
rgb(35,76,159) |
hsl(220,64%,38%) |
#1e428a |
rgb(30,66,138) |
hsl(220,64%,33%) |
#1a3875 |
rgb(26,56,117) |
hsl(220,64%,28%) |
#152e60 |
rgb(21,46,96) |
hsl(220,64%,23%) |
#11244b |
rgb(17,36,75) |
hsl(220,64%,18%) |
#0c1a36 |
rgb(12,26,54) |
hsl(220,64%,13%) |
#071021 |
rgb(7,16,33) |
hsl(220,64%,8%) |
#03060d |
rgb(3,6,13) |
hsl(220,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#38D4D4 |
rgb(56,212,212) |
hsl(180,64%,53%) |
#386BD4 |
rgb(56,107,212) |
hsl(220,64%,53%) |
#6D38D4 |
rgb(109,56,212) |
hsl(260,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EA1E3 |
rgb(126,161,227) |
hsl(219,64%,69%) |
#5B85DB |
rgb(91,133,219) |
hsl(220,64%,61%) |
#386BD4 |
rgb(56,107,212) |
hsl(220,64%,53%) |
#2857B9 |
rgb(40,87,185) |
hsl(221,64%,44%) |
#204795 |
rgb(32,71,149) |
hsl(220,65%,35%) |
#183672 |
rgb(24,54,114) |
hsl(220,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BD4 |
rgb(56,107,212) |
hsl(220,64%,53%) |
#D45438 |
rgb(212,84,56) |
hsl(11,64%,53%) |
#B9D438 |
rgb(185,212,56) |
hsl(70,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BD4 |
rgb(56,107,212) |
hsl(220,64%,53%) |
#D4A138 |
rgb(212,161,56) |
hsl(40,64%,53%) |
#38BAD4 |
rgb(56,186,212) |
hsl(190,64%,53%) |
#B9D438 |
rgb(185,212,56) |
hsl(70,64%,53%) |