HEX #336BD6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336BD6 color palette from light to dark

HEX RGB HSL
#f2f6fc rgb(242,246,252) hsl(219,67%,97%)
#dde6f8 rgb(221,230,248) hsl(219,67%,92%)
#c8d7f4 rgb(200,215,244) hsl(219,67%,87%)
#b2c8f0 rgb(178,200,240) hsl(219,67%,82%)
#9db9ec rgb(157,185,236) hsl(219,67%,77%)
#88a9e7 rgb(136,169,231) hsl(219,67%,72%)
#729ae3 rgb(114,154,227) hsl(219,67%,67%)
#5d8bdf rgb(93,139,223) hsl(219,67%,62%)
#487bdb rgb(72,123,219) hsl(219,67%,57%)
#336cd7 rgb(51,108,215) hsl(219,67%,52%)
#2860c8 rgb(40,96,200) hsl(219,67%,47%)
#2356b3 rgb(35,86,179) hsl(219,67%,42%)
#1f4b9e rgb(31,75,158) hsl(219,67%,37%)
#1b4188 rgb(27,65,136) hsl(219,67%,32%)
#173773 rgb(23,55,115) hsl(219,67%,27%)
#132d5e rgb(19,45,94) hsl(219,67%,22%)
#0e2348 rgb(14,35,72) hsl(219,67%,17%)
#0a1833 rgb(10,24,51) hsl(219,67%,12%)
#060e1e rgb(6,14,30) hsl(219,67%,7%)
#020409 rgb(2,4,9) hsl(219,67%,2%)

Adjacent colors

HEX RGB HSL
#33D6D4 rgb(51,214,212) hsl(179,67%,52%)
#336BD6 rgb(51,107,214) hsl(219,67%,52%)
#6733D6 rgb(103,51,214) hsl(259,67%,52%)

Monochromatic colors

HEX RGB HSL
#799EE4 rgb(121,158,228) hsl(219,66%,68%)
#5685DD rgb(86,133,221) hsl(219,67%,60%)
#336BD6 rgb(51,107,214) hsl(219,67%,52%)
#2559B9 rgb(37,89,185) hsl(219,67%,44%)
#1E4796 rgb(30,71,150) hsl(220,67%,35%)
#173672 rgb(23,54,114) hsl(220,66%,27%)

Triad color palettes

HEX RGB HSL
#336BD6 rgb(51,107,214) hsl(219,67%,52%)
#D64D33 rgb(214,77,51) hsl(10,67%,52%)
#BCD633 rgb(188,214,51) hsl(70,67%,52%)

Tetrad color palettes

HEX RGB HSL
#336BD6 rgb(51,107,214) hsl(219,67%,52%)
#D69E33 rgb(214,158,51) hsl(39,67%,52%)
#33BDD6 rgb(51,189,214) hsl(189,67%,52%)
#BCD633 rgb(188,214,51) hsl(70,67%,52%)