HEX #336EC4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336EC4 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(216,59%,98%)
#e3ebf8 rgb(227,235,248) hsl(216,59%,93%)
#ceddf2 rgb(206,221,242) hsl(216,59%,88%)
#bacfed rgb(186,207,237) hsl(216,59%,83%)
#a6c0e8 rgb(166,192,232) hsl(216,59%,78%)
#92b2e3 rgb(146,178,227) hsl(216,59%,73%)
#7da4de rgb(125,164,222) hsl(216,59%,68%)
#6996d8 rgb(105,150,216) hsl(216,59%,63%)
#5587d3 rgb(85,135,211) hsl(216,59%,58%)
#4079ce rgb(64,121,206) hsl(216,59%,53%)
#326cc3 rgb(50,108,195) hsl(216,59%,48%)
#2d61ae rgb(45,97,174) hsl(216,59%,43%)
#28559a rgb(40,85,154) hsl(216,59%,38%)
#234a86 rgb(35,74,134) hsl(216,59%,33%)
#1d3f72 rgb(29,63,114) hsl(216,59%,28%)
#18345d rgb(24,52,93) hsl(216,59%,23%)
#132849 rgb(19,40,73) hsl(216,59%,18%)
#0e1d35 rgb(14,29,53) hsl(216,59%,13%)
#081220 rgb(8,18,32) hsl(216,59%,8%)
#03070c rgb(3,7,12) hsl(216,59%,3%)

Adjacent colors

HEX RGB HSL
#33C4B9 rgb(51,196,185) hsl(175,59%,48%)
#336EC4 rgb(51,110,196) hsl(216,59%,48%)
#5833C4 rgb(88,51,196) hsl(255,59%,48%)

Monochromatic colors

HEX RGB HSL
#6D99D9 rgb(109,153,217) hsl(216,59%,64%)
#4D82D0 rgb(77,130,208) hsl(216,58%,56%)
#336EC4 rgb(51,110,196) hsl(216,59%,48%)
#2A5CA4 rgb(42,92,164) hsl(215,59%,40%)
#224A85 rgb(34,74,133) hsl(216,59%,33%)
#1A3865 rgb(26,56,101) hsl(216,59%,25%)

Triad color palettes

HEX RGB HSL
#336EC4 rgb(51,110,196) hsl(216,59%,48%)
#C44033 rgb(196,64,51) hsl(5,59%,48%)
#B6C433 rgb(182,196,51) hsl(66,59%,48%)

Tetrad color palettes

HEX RGB HSL
#336EC4 rgb(51,110,196) hsl(216,59%,48%)
#C48A33 rgb(196,138,51) hsl(36,59%,48%)
#33B8C4 rgb(51,184,196) hsl(185,59%,48%)
#B6C433 rgb(182,196,51) hsl(66,59%,48%)