HEX #336ED4 color — Mariner
The color #336ED4 is a dark shade and moderately saturated.
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%) |