HEX #386ED5 color — Mariner
The color #386ED5 is a dark shade and moderately saturated.
Palette
386ED5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(219,65%,98%) |
#e2eaf9 |
rgb(226,234,249) |
hsl(219,65%,93%) |
#cddaf4 |
rgb(205,218,244) |
hsl(219,65%,88%) |
#b7cbf0 |
rgb(183,203,240) |
hsl(219,65%,83%) |
#a2bceb |
rgb(162,188,235) |
hsl(219,65%,78%) |
#8dade7 |
rgb(141,173,231) |
hsl(219,65%,73%) |
#789de2 |
rgb(120,157,226) |
hsl(219,65%,68%) |
#638ede |
rgb(99,142,222) |
hsl(219,65%,63%) |
#4e7fda |
rgb(78,127,218) |
hsl(219,65%,58%) |
#3970d5 |
rgb(57,112,213) |
hsl(219,65%,53%) |
#2b63ca |
rgb(43,99,202) |
hsl(219,65%,48%) |
#2658b5 |
rgb(38,88,181) |
hsl(219,65%,43%) |
#224ea0 |
rgb(34,78,160) |
hsl(219,65%,38%) |
#1d448b |
rgb(29,68,139) |
hsl(219,65%,33%) |
#193976 |
rgb(25,57,118) |
hsl(219,65%,28%) |
#152f61 |
rgb(21,47,97) |
hsl(219,65%,23%) |
#10254c |
rgb(16,37,76) |
hsl(219,65%,18%) |
#0c1b37 |
rgb(12,27,55) |
hsl(219,65%,13%) |
#071022 |
rgb(7,16,34) |
hsl(219,65%,8%) |
#03060d |
rgb(3,6,13) |
hsl(219,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#38D6D3 |
rgb(56,214,211) |
hsl(179,66%,53%) |
#386ED5 |
rgb(56,110,213) |
hsl(219,65%,53%) |
#6A38D5 |
rgb(106,56,213) |
hsl(259,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FA1E4 |
rgb(127,161,228) |
hsl(220,65%,70%) |
#5B87DC |
rgb(91,135,220) |
hsl(220,65%,61%) |
#386ED5 |
rgb(56,110,213) |
hsl(219,65%,53%) |
#2759BA |
rgb(39,89,186) |
hsl(220,65%,44%) |
#1F4A97 |
rgb(31,74,151) |
hsl(219,66%,36%) |
#183873 |
rgb(24,56,115) |
hsl(219,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#386ED5 |
rgb(56,110,213) |
hsl(219,65%,53%) |
#D55238 |
rgb(213,82,56) |
hsl(10,65%,53%) |
#BCD638 |
rgb(188,214,56) |
hsl(70,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386ED5 |
rgb(56,110,213) |
hsl(219,65%,53%) |
#D59E38 |
rgb(213,158,56) |
hsl(39,65%,53%) |
#38BDD5 |
rgb(56,189,213) |
hsl(189,65%,53%) |
#BCD638 |
rgb(188,214,56) |
hsl(70,66%,53%) |