HEX #336EC6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336EC6 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(216,59%,99%)
#e7eef9 rgb(231,238,249) hsl(216,59%,94%)
#d2e0f3 rgb(210,224,243) hsl(216,59%,89%)
#bed1ee rgb(190,209,238) hsl(216,59%,84%)
#aac3e9 rgb(170,195,233) hsl(216,59%,79%)
#96b5e4 rgb(150,181,228) hsl(216,59%,74%)
#81a7df rgb(129,167,223) hsl(216,59%,69%)
#6d98d9 rgb(109,152,217) hsl(216,59%,64%)
#598ad4 rgb(89,138,212) hsl(216,59%,59%)
#447ccf rgb(68,124,207) hsl(216,59%,54%)
#336ec7 rgb(51,110,199) hsl(216,59%,49%)
#2e63b2 rgb(46,99,178) hsl(216,59%,44%)
#29589e rgb(41,88,158) hsl(216,59%,39%)
#244c8a rgb(36,76,138) hsl(216,59%,34%)
#1e4176 rgb(30,65,118) hsl(216,59%,29%)
#193661 rgb(25,54,97) hsl(216,59%,24%)
#142b4d rgb(20,43,77) hsl(216,59%,19%)
#0f1f39 rgb(15,31,57) hsl(216,59%,14%)
#091424 rgb(9,20,36) hsl(216,59%,9%)
#040910 rgb(4,9,16) hsl(216,59%,4%)

Adjacent colors

HEX RGB HSL
#33C7BC rgb(51,199,188) hsl(176,59%,49%)
#336EC6 rgb(51,110,198) hsl(216,59%,49%)
#5A33C6 rgb(90,51,198) hsl(256,59%,49%)

Monochromatic colors

HEX RGB HSL
#6E99D9 rgb(110,153,217) hsl(216,58%,64%)
#4F85D1 rgb(79,133,209) hsl(215,59%,56%)
#336EC6 rgb(51,110,198) hsl(216,59%,49%)
#2A5CA6 rgb(42,92,166) hsl(216,60%,41%)
#224A86 rgb(34,74,134) hsl(216,60%,33%)
#1A3866 rgb(26,56,102) hsl(216,59%,25%)

Triad color palettes

HEX RGB HSL
#336EC6 rgb(51,110,198) hsl(216,59%,49%)
#C64233 rgb(198,66,51) hsl(6,59%,49%)
#B7C733 rgb(183,199,51) hsl(66,59%,49%)

Tetrad color palettes

HEX RGB HSL
#336EC6 rgb(51,110,198) hsl(216,59%,49%)
#C68C33 rgb(198,140,51) hsl(36,59%,49%)
#33B8C6 rgb(51,184,198) hsl(186,59%,49%)
#B7C733 rgb(183,199,51) hsl(66,59%,49%)