HEX #386BD1 color — Mariner
The color #386BD1 is a dark shade and moderately saturated.
Palette
386BD1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,62%,97%) |
#dee6f7 |
rgb(222,230,247) |
hsl(220,62%,92%) |
#c9d7f2 |
rgb(201,215,242) |
hsl(220,62%,87%) |
#b5c8ee |
rgb(181,200,238) |
hsl(220,62%,82%) |
#a0b8e9 |
rgb(160,184,233) |
hsl(220,62%,77%) |
#8ba9e4 |
rgb(139,169,228) |
hsl(220,62%,72%) |
#7799df |
rgb(119,153,223) |
hsl(220,62%,67%) |
#628ada |
rgb(98,138,218) |
hsl(220,62%,62%) |
#4d7bd5 |
rgb(77,123,213) |
hsl(220,62%,57%) |
#396bd0 |
rgb(57,107,208) |
hsl(220,62%,52%) |
#2e5fc2 |
rgb(46,95,194) |
hsl(220,62%,47%) |
#2955ae |
rgb(41,85,174) |
hsl(220,62%,42%) |
#244b99 |
rgb(36,75,153) |
hsl(220,62%,37%) |
#1f4184 |
rgb(31,65,132) |
hsl(220,62%,32%) |
#1a3770 |
rgb(26,55,112) |
hsl(220,62%,27%) |
#152d5b |
rgb(21,45,91) |
hsl(220,62%,22%) |
#102246 |
rgb(16,34,70) |
hsl(220,62%,17%) |
#0c1832 |
rgb(12,24,50) |
hsl(220,62%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(220,62%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#38D1D1 |
rgb(56,209,209) |
hsl(180,62%,52%) |
#386BD1 |
rgb(56,107,209) |
hsl(220,62%,52%) |
#6B38D1 |
rgb(107,56,209) |
hsl(260,62%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C9EE0 |
rgb(124,158,224) |
hsl(220,62%,68%) |
#5A85D8 |
rgb(90,133,216) |
hsl(220,62%,60%) |
#386BD1 |
rgb(56,107,209) |
hsl(220,62%,52%) |
#2959B4 |
rgb(41,89,180) |
hsl(219,63%,43%) |
#214792 |
rgb(33,71,146) |
hsl(220,63%,35%) |
#19366F |
rgb(25,54,111) |
hsl(220,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BD1 |
rgb(56,107,209) |
hsl(220,62%,52%) |
#D15238 |
rgb(209,82,56) |
hsl(10,62%,52%) |
#B7D138 |
rgb(183,209,56) |
hsl(70,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BD1 |
rgb(56,107,209) |
hsl(220,62%,52%) |
#D19E38 |
rgb(209,158,56) |
hsl(40,62%,52%) |
#38B8D1 |
rgb(56,184,209) |
hsl(190,62%,52%) |
#B7D138 |
rgb(183,209,56) |
hsl(70,62%,52%) |