HEX #336BC3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336BC3 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(217,59%,98%)
#e3ebf8 rgb(227,235,248) hsl(217,59%,93%)
#cedcf2 rgb(206,220,242) hsl(217,59%,88%)
#baceed rgb(186,206,237) hsl(217,59%,83%)
#a6bfe8 rgb(166,191,232) hsl(217,59%,78%)
#92b1e3 rgb(146,177,227) hsl(217,59%,73%)
#7da2de rgb(125,162,222) hsl(217,59%,68%)
#6994d8 rgb(105,148,216) hsl(217,59%,63%)
#5585d3 rgb(85,133,211) hsl(217,59%,58%)
#4077ce rgb(64,119,206) hsl(217,59%,53%)
#326ac3 rgb(50,106,195) hsl(217,59%,48%)
#2d5fae rgb(45,95,174) hsl(217,59%,43%)
#28549a rgb(40,84,154) hsl(217,59%,38%)
#234986 rgb(35,73,134) hsl(217,59%,33%)
#1d3e72 rgb(29,62,114) hsl(217,59%,28%)
#18335d rgb(24,51,93) hsl(217,59%,23%)
#132849 rgb(19,40,73) hsl(217,59%,18%)
#0e1d35 rgb(14,29,53) hsl(217,59%,13%)
#081220 rgb(8,18,32) hsl(217,59%,8%)
#03070c rgb(3,7,12) hsl(217,59%,3%)

Adjacent colors

HEX RGB HSL
#33C2BB rgb(51,194,187) hsl(177,58%,48%)
#336BC3 rgb(51,107,195) hsl(217,59%,48%)
#5B33C3 rgb(91,51,195) hsl(257,59%,48%)

Monochromatic colors

HEX RGB HSL
#6C96D8 rgb(108,150,216) hsl(217,58%,64%)
#4C80D0 rgb(76,128,208) hsl(216,58%,56%)
#336BC3 rgb(51,107,195) hsl(217,59%,48%)
#2A59A3 rgb(42,89,163) hsl(217,59%,40%)
#224A84 rgb(34,74,132) hsl(216,59%,33%)
#1A3865 rgb(26,56,101) hsl(216,59%,25%)

Triad color palettes

HEX RGB HSL
#336BC3 rgb(51,107,195) hsl(217,59%,48%)
#C34233 rgb(195,66,51) hsl(6,59%,48%)
#B3C233 rgb(179,194,51) hsl(66,58%,48%)

Tetrad color palettes

HEX RGB HSL
#336BC3 rgb(51,107,195) hsl(217,59%,48%)
#C38C33 rgb(195,140,51) hsl(37,59%,48%)
#33B3C3 rgb(51,179,195) hsl(187,59%,48%)
#B3C233 rgb(179,194,51) hsl(66,58%,48%)