HEX #336ED4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

336ED4 color palette from light to dark

HEX RGB HSL
#f2f6fc rgb(242,246,252) hsl(218,65%,97%)
#dde7f8 rgb(221,231,248) hsl(218,65%,92%)
#c8d8f3 rgb(200,216,243) hsl(218,65%,87%)
#b3c9ef rgb(179,201,239) hsl(218,65%,82%)
#9ebaea rgb(158,186,234) hsl(218,65%,77%)
#89abe6 rgb(137,171,230) hsl(218,65%,72%)
#749ce2 rgb(116,156,226) hsl(218,65%,67%)
#5f8ddd rgb(95,141,221) hsl(218,65%,62%)
#4a7ed9 rgb(74,126,217) hsl(218,65%,57%)
#356fd4 rgb(53,111,212) hsl(218,65%,52%)
#2a63c6 rgb(42,99,198) hsl(218,65%,47%)
#2559b1 rgb(37,89,177) hsl(218,65%,42%)
#214e9c rgb(33,78,156) hsl(218,65%,37%)
#1d4387 rgb(29,67,135) hsl(218,65%,32%)
#183972 rgb(24,57,114) hsl(218,65%,27%)
#142e5d rgb(20,46,93) hsl(218,65%,22%)
#0f2448 rgb(15,36,72) hsl(218,65%,17%)
#0b1932 rgb(11,25,50) hsl(218,65%,12%)
#060f1d rgb(6,15,29) hsl(218,65%,7%)
#020408 rgb(2,4,8) hsl(218,65%,2%)

Adjacent colors

HEX RGB HSL
#33D4CE rgb(51,212,206) hsl(178,65%,52%)
#336ED4 rgb(51,110,212) hsl(218,65%,52%)
#6333D4 rgb(99,51,212) hsl(258,65%,52%)

Monochromatic colors

HEX RGB HSL
#78A1E2 rgb(120,161,226) hsl(217,65%,68%)
#5587DB rgb(85,135,219) hsl(218,65%,60%)
#336ED4 rgb(51,110,212) hsl(218,65%,52%)
#265CB6 rgb(38,92,182) hsl(218,65%,43%)
#1F4A93 rgb(31,74,147) hsl(218,65%,35%)
#173870 rgb(23,56,112) hsl(218,66%,26%)

Triad color palettes

HEX RGB HSL
#336ED4 rgb(51,110,212) hsl(218,65%,52%)
#D44733 rgb(212,71,51) hsl(7,65%,52%)
#BED433 rgb(190,212,51) hsl(68,65%,52%)

Tetrad color palettes

HEX RGB HSL
#336ED4 rgb(51,110,212) hsl(218,65%,52%)
#D49933 rgb(212,153,51) hsl(38,65%,52%)
#33BFD4 rgb(51,191,212) hsl(188,65%,52%)
#BED433 rgb(190,212,51) hsl(68,65%,52%)