HEX #366BD3 color — Mariner

The color #366BD3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

366BD3 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
#36D4D2 rgb(54,212,210) hsl(179,65%,52%)
#366BD3 rgb(54,107,211) hsl(220,64%,52%)
#6936D3 rgb(105,54,211) hsl(259,64%,52%)

Monochromatic colors

HEX RGB HSL
#7B9EE2 rgb(123,158,226) hsl(220,64%,68%)
#5885DA rgb(88,133,218) hsl(219,64%,60%)
#366BD3 rgb(54,107,211) hsl(220,64%,52%)
#2759B6 rgb(39,89,182) hsl(219,65%,43%)
#204793 rgb(32,71,147) hsl(220,64%,35%)
#183671 rgb(24,54,113) hsl(220,65%,27%)

Triad color palettes

HEX RGB HSL
#366BD3 rgb(54,107,211) hsl(220,64%,52%)
#D34F36 rgb(211,79,54) hsl(10,64%,52%)
#B9D436 rgb(185,212,54) hsl(70,65%,52%)

Tetrad color palettes

HEX RGB HSL
#366BD3 rgb(54,107,211) hsl(220,64%,52%)
#D39E36 rgb(211,158,54) hsl(40,64%,52%)
#36BAD3 rgb(54,186,211) hsl(190,64%,52%)
#B9D436 rgb(185,212,54) hsl(70,65%,52%)