HEX #336FC1 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336fc1 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(215,58%,98%)
#e3ebf8 rgb(227,235,248) hsl(215,58%,93%)
#cfddf2 rgb(207,221,242) hsl(215,58%,88%)
#bbcfed rgb(187,207,237) hsl(215,58%,83%)
#a6c1e7 rgb(166,193,231) hsl(215,58%,78%)
#92b3e2 rgb(146,179,226) hsl(215,58%,73%)
#7ea6dd rgb(126,166,221) hsl(215,58%,68%)
#6a98d7 rgb(106,152,215) hsl(215,58%,63%)
#568ad2 rgb(86,138,210) hsl(215,58%,58%)
#427ccd rgb(66,124,205) hsl(215,58%,53%)
#336fc1 rgb(51,111,193) hsl(215,58%,48%)
#2e63ad rgb(46,99,173) hsl(215,58%,43%)
#295899 rgb(41,88,153) hsl(215,58%,38%)
#234c85 rgb(35,76,133) hsl(215,58%,33%)
#1e4071 rgb(30,64,113) hsl(215,58%,28%)
#19355d rgb(25,53,93) hsl(215,58%,23%)
#132949 rgb(19,41,73) hsl(215,58%,18%)
#0e1e34 rgb(14,30,52) hsl(215,58%,13%)
#091220 rgb(9,18,32) hsl(215,58%,8%)
#03070c rgb(3,7,12) hsl(215,58%,3%)

Adjacent colors

HEX RGB HSL
#33C2B4 rgb(51,194,180) hsl(174,58%,48%)
#336FC1 rgb(51,111,193) hsl(215,58%,48%)
#5533C1 rgb(85,51,193) hsl(254,58%,48%)

Monochromatic colors

HEX RGB HSL
#6A99D7 rgb(106,153,215) hsl(214,58%,63%)
#4B82CF rgb(75,130,207) hsl(215,58%,55%)
#336FC1 rgb(51,111,193) hsl(215,58%,48%)
#2A5EA2 rgb(42,94,162) hsl(214,59%,40%)
#224D83 rgb(34,77,131) hsl(213,59%,32%)
#1A3B64 rgb(26,59,100) hsl(213,59%,25%)

Triad color palettes

HEX RGB HSL
#336FC1 rgb(51,111,193) hsl(215,58%,48%)
#C13D33 rgb(193,61,51) hsl(4,58%,48%)
#B6C233 rgb(182,194,51) hsl(65,58%,48%)

Tetrad color palettes

HEX RGB HSL
#336FC1 rgb(51,111,193) hsl(215,58%,48%)
#C18533 rgb(193,133,51) hsl(35,58%,48%)
#33B5C1 rgb(51,181,193) hsl(185,58%,48%)
#B6C233 rgb(182,194,51) hsl(65,58%,48%)