HEX #386BD3 color — Mariner
The color #386BD3 is a dark shade and moderately saturated.
Palette
386BD3 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(220,64%,97%) |
#dee6f8 |
rgb(222,230,248) |
hsl(220,64%,92%) |
#c9d7f3 |
rgb(201,215,243) |
hsl(220,64%,87%) |
#b4c7ee |
rgb(180,199,238) |
hsl(220,64%,82%) |
#9fb8ea |
rgb(159,184,234) |
hsl(220,64%,77%) |
#8aa8e5 |
rgb(138,168,229) |
hsl(220,64%,72%) |
#7599e1 |
rgb(117,153,225) |
hsl(220,64%,67%) |
#6089dc |
rgb(96,137,220) |
hsl(220,64%,62%) |
#4b7ad8 |
rgb(75,122,216) |
hsl(220,64%,57%) |
#366ad3 |
rgb(54,106,211) |
hsl(220,64%,52%) |
#2b5ec5 |
rgb(43,94,197) |
hsl(220,64%,47%) |
#2754b0 |
rgb(39,84,176) |
hsl(220,64%,42%) |
#224a9b |
rgb(34,74,155) |
hsl(220,64%,37%) |
#1d4086 |
rgb(29,64,134) |
hsl(220,64%,32%) |
#193671 |
rgb(25,54,113) |
hsl(220,64%,27%) |
#142c5c |
rgb(20,44,92) |
hsl(220,64%,22%) |
#102247 |
rgb(16,34,71) |
hsl(220,64%,17%) |
#0b1832 |
rgb(11,24,50) |
hsl(220,64%,12%) |
#060e1d |
rgb(6,14,29) |
hsl(220,64%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#38D1D3 |
rgb(56,209,211) |
hsl(181,64%,52%) |
#386BD3 |
rgb(56,107,211) |
hsl(220,64%,52%) |
#6C38D3 |
rgb(108,56,211) |
hsl(260,64%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D9EE2 |
rgb(125,158,226) |
hsl(220,64%,69%) |
#5A85DA |
rgb(90,133,218) |
hsl(220,63%,60%) |
#386BD3 |
rgb(56,107,211) |
hsl(220,64%,52%) |
#2857B7 |
rgb(40,87,183) |
hsl(220,64%,44%) |
#204794 |
rgb(32,71,148) |
hsl(220,64%,35%) |
#193671 |
rgb(25,54,113) |
hsl(220,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BD3 |
rgb(56,107,211) |
hsl(220,64%,52%) |
#D35238 |
rgb(211,82,56) |
hsl(10,64%,52%) |
#B8D438 |
rgb(184,212,56) |
hsl(71,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BD3 |
rgb(56,107,211) |
hsl(220,64%,52%) |
#D3A138 |
rgb(211,161,56) |
hsl(41,64%,52%) |
#38B8D3 |
rgb(56,184,211) |
hsl(190,64%,52%) |
#B8D438 |
rgb(184,212,56) |
hsl(71,64%,53%) |