HEX #336EC2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336EC2 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
#33C2B6 rgb(51,194,182) hsl(175,58%,48%)
#336EC2 rgb(51,110,194) hsl(215,58%,48%)
#5733C2 rgb(87,51,194) hsl(255,58%,48%)

Monochromatic colors

HEX RGB HSL
#6B99D8 rgb(107,153,216) hsl(215,58%,63%)
#4C82D0 rgb(76,130,208) hsl(215,58%,56%)
#336EC2 rgb(51,110,194) hsl(215,58%,48%)
#2A5CA2 rgb(42,92,162) hsl(215,59%,40%)
#224A83 rgb(34,74,131) hsl(215,59%,32%)
#1A3864 rgb(26,56,100) hsl(216,59%,25%)

Triad color palettes

HEX RGB HSL
#336EC2 rgb(51,110,194) hsl(215,58%,48%)
#C24033 rgb(194,64,51) hsl(5,58%,48%)
#B5C233 rgb(181,194,51) hsl(65,58%,48%)

Tetrad color palettes

HEX RGB HSL
#336EC2 rgb(51,110,194) hsl(215,58%,48%)
#C28733 rgb(194,135,51) hsl(35,58%,48%)
#33B5C2 rgb(51,181,194) hsl(185,58%,48%)
#B5C233 rgb(181,194,51) hsl(65,58%,48%)