HEX #336ED1 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336ED1 color palette from light to dark

HEX RGB HSL
#eef3fb rgb(238,243,251) hsl(218,63%,96%)
#dae4f7 rgb(218,228,247) hsl(218,63%,91%)
#c5d5f2 rgb(197,213,242) hsl(218,63%,86%)
#b0c6ed rgb(176,198,237) hsl(218,63%,81%)
#9bb8e8 rgb(155,184,232) hsl(218,63%,76%)
#86a9e4 rgb(134,169,228) hsl(218,63%,71%)
#729adf rgb(114,154,223) hsl(218,63%,66%)
#5d8bda rgb(93,139,218) hsl(218,63%,61%)
#487cd5 rgb(72,124,213) hsl(218,63%,56%)
#336dd1 rgb(51,109,209) hsl(218,63%,51%)
#2b62bf rgb(43,98,191) hsl(218,63%,46%)
#2757aa rgb(39,87,170) hsl(218,63%,41%)
#224c96 rgb(34,76,150) hsl(218,63%,36%)
#1d4281 rgb(29,66,129) hsl(218,63%,31%)
#19376c rgb(25,55,108) hsl(218,63%,26%)
#142d57 rgb(20,45,87) hsl(218,63%,21%)
#0f2243 rgb(15,34,67) hsl(218,63%,16%)
#0a172e rgb(10,23,46) hsl(218,63%,11%)
#060d19 rgb(6,13,25) hsl(218,63%,6%)
#010204 rgb(1,2,4) hsl(218,63%,1%)

Adjacent colors

HEX RGB HSL
#33D1CA rgb(51,209,202) hsl(177,63%,51%)
#336ED1 rgb(51,110,209) hsl(218,63%,51%)
#6133D1 rgb(97,51,209) hsl(257,63%,51%)

Monochromatic colors

HEX RGB HSL
#769EE0 rgb(118,158,224) hsl(217,63%,67%)
#5487D8 rgb(84,135,216) hsl(217,63%,59%)
#336ED1 rgb(51,110,209) hsl(218,63%,51%)
#285CB2 rgb(40,92,178) hsl(217,63%,43%)
#204A90 rgb(32,74,144) hsl(218,64%,35%)
#18386E rgb(24,56,110) hsl(218,64%,26%)

Triad color palettes

HEX RGB HSL
#336ED1 rgb(51,110,209) hsl(218,63%,51%)
#D14733 rgb(209,71,51) hsl(8,63%,51%)
#BDD133 rgb(189,209,51) hsl(68,63%,51%)

Tetrad color palettes

HEX RGB HSL
#336ED1 rgb(51,110,209) hsl(218,63%,51%)
#D19633 rgb(209,150,51) hsl(38,63%,51%)
#33BDD1 rgb(51,189,209) hsl(188,63%,51%)
#BDD133 rgb(189,209,51) hsl(68,63%,51%)