HEX #386BD0 color — Mariner
The color #386BD0 is a dark shade and moderately saturated.
Palette
386BD0 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 |
#38D1CF |
rgb(56,209,207) |
hsl(179,62%,52%) |
#386BD0 |
rgb(56,107,208) |
hsl(220,62%,52%) |
#6A38D0 |
rgb(106,56,208) |
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%) |
#386BD0 |
rgb(56,107,208) |
hsl(220,62%,52%) |
#2A59B3 |
rgb(42,89,179) |
hsl(219,62%,43%) |
#224791 |
rgb(34,71,145) |
hsl(220,62%,35%) |
#1A366F |
rgb(26,54,111) |
hsl(220,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BD0 |
rgb(56,107,208) |
hsl(220,62%,52%) |
#D05238 |
rgb(208,82,56) |
hsl(10,62%,52%) |
#B7D138 |
rgb(183,209,56) |
hsl(70,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BD0 |
rgb(56,107,208) |
hsl(220,62%,52%) |
#D09E38 |
rgb(208,158,56) |
hsl(40,62%,52%) |
#38B8D0 |
rgb(56,184,208) |
hsl(189,62%,52%) |
#B7D138 |
rgb(183,209,56) |
hsl(70,62%,52%) |