HEX #336ED6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336ED6 color palette from light to dark

HEX RGB HSL
#f2f6fc rgb(242,246,252) hsl(218,67%,97%)
#dde7f8 rgb(221,231,248) hsl(218,67%,92%)
#c8d8f4 rgb(200,216,244) hsl(218,67%,87%)
#b2c9f0 rgb(178,201,240) hsl(218,67%,82%)
#9dbaec rgb(157,186,236) hsl(218,67%,77%)
#88abe7 rgb(136,171,231) hsl(218,67%,72%)
#729ce3 rgb(114,156,227) hsl(218,67%,67%)
#5d8ddf rgb(93,141,223) hsl(218,67%,62%)
#487edb rgb(72,126,219) hsl(218,67%,57%)
#336fd7 rgb(51,111,215) hsl(218,67%,52%)
#2862c8 rgb(40,98,200) hsl(218,67%,47%)
#2358b3 rgb(35,88,179) hsl(218,67%,42%)
#1f4d9e rgb(31,77,158) hsl(218,67%,37%)
#1b4388 rgb(27,67,136) hsl(218,67%,32%)
#173973 rgb(23,57,115) hsl(218,67%,27%)
#132e5e rgb(19,46,94) hsl(218,67%,22%)
#0e2448 rgb(14,36,72) hsl(218,67%,17%)
#0a1933 rgb(10,25,51) hsl(218,67%,12%)
#060f1e rgb(6,15,30) hsl(218,67%,7%)
#020409 rgb(2,4,9) hsl(218,67%,2%)

Adjacent colors

HEX RGB HSL
#33D6D1 rgb(51,214,209) hsl(178,67%,52%)
#336ED6 rgb(51,110,214) hsl(218,67%,52%)
#6433D6 rgb(100,51,214) hsl(258,67%,52%)

Monochromatic colors

HEX RGB HSL
#79A1E4 rgb(121,161,228) hsl(218,66%,68%)
#5687DD rgb(86,135,221) hsl(218,67%,60%)
#336ED6 rgb(51,110,214) hsl(218,67%,52%)
#255CB9 rgb(37,92,185) hsl(218,67%,44%)
#1E4A96 rgb(30,74,150) hsl(218,67%,35%)
#173872 rgb(23,56,114) hsl(218,66%,27%)

Triad color palettes

HEX RGB HSL
#336ED6 rgb(51,110,214) hsl(218,67%,52%)
#D64A33 rgb(214,74,51) hsl(8,67%,52%)
#BFD633 rgb(191,214,51) hsl(68,67%,52%)

Tetrad color palettes

HEX RGB HSL
#336ED6 rgb(51,110,214) hsl(218,67%,52%)
#D69C33 rgb(214,156,51) hsl(39,67%,52%)
#33BFD6 rgb(51,191,214) hsl(188,67%,52%)
#BFD633 rgb(191,214,51) hsl(68,67%,52%)