HEX #366ED6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

366ED6 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(219,66%,98%)
#e1eaf9 rgb(225,234,249) hsl(219,66%,93%)
#ccdaf5 rgb(204,218,245) hsl(219,66%,88%)
#b7cbf0 rgb(183,203,240) hsl(219,66%,83%)
#a2bcec rgb(162,188,236) hsl(219,66%,78%)
#8dade8 rgb(141,173,232) hsl(219,66%,73%)
#789de3 rgb(120,157,227) hsl(219,66%,68%)
#628edf rgb(98,142,223) hsl(219,66%,63%)
#4d7fdb rgb(77,127,219) hsl(219,66%,58%)
#386fd6 rgb(56,111,214) hsl(219,66%,53%)
#2a62cb rgb(42,98,203) hsl(219,66%,48%)
#2558b6 rgb(37,88,182) hsl(219,66%,43%)
#214ea1 rgb(33,78,161) hsl(219,66%,38%)
#1d438c rgb(29,67,140) hsl(219,66%,33%)
#183977 rgb(24,57,119) hsl(219,66%,28%)
#142f61 rgb(20,47,97) hsl(219,66%,23%)
#10254c rgb(16,37,76) hsl(219,66%,18%)
#0b1b37 rgb(11,27,55) hsl(219,66%,13%)
#071022 rgb(7,16,34) hsl(219,66%,8%)
#03060d rgb(3,6,13) hsl(219,66%,3%)

Adjacent colors

HEX RGB HSL
#36D6D3 rgb(54,214,211) hsl(179,66%,53%)
#366ED6 rgb(54,110,214) hsl(219,66%,53%)
#6836D6 rgb(104,54,214) hsl(259,66%,53%)

Monochromatic colors

HEX RGB HSL
#7DA1E4 rgb(125,161,228) hsl(219,66%,69%)
#5987DD rgb(89,135,221) hsl(219,66%,61%)
#366ED6 rgb(54,110,214) hsl(219,66%,53%)
#2659BA rgb(38,89,186) hsl(219,66%,44%)
#1E4A97 rgb(30,74,151) hsl(218,67%,35%)
#173873 rgb(23,56,115) hsl(218,67%,27%)

Triad color palettes

HEX RGB HSL
#366ED6 rgb(54,110,214) hsl(219,66%,53%)
#D64F36 rgb(214,79,54) hsl(9,66%,53%)
#BED636 rgb(190,214,54) hsl(69,66%,53%)

Tetrad color palettes

HEX RGB HSL
#366ED6 rgb(54,110,214) hsl(219,66%,53%)
#D69E36 rgb(214,158,54) hsl(39,66%,53%)
#36BFD6 rgb(54,191,214) hsl(189,66%,53%)
#BED636 rgb(190,214,54) hsl(69,66%,53%)