HEX #337DD2 color — Mariner
The color #337DD2 is a dark shade and moderately saturated.
Palette
337DD2 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fb |
rgb(238,244,251) |
hsl(212,64%,96%) |
#d9e7f7 |
rgb(217,231,247) |
hsl(212,64%,91%) |
#c4daf2 |
rgb(196,218,242) |
hsl(212,64%,86%) |
#b0ccee |
rgb(176,204,238) |
hsl(212,64%,81%) |
#9bbfe9 |
rgb(155,191,233) |
hsl(212,64%,76%) |
#86b2e4 |
rgb(134,178,228) |
hsl(212,64%,71%) |
#71a5e0 |
rgb(113,165,224) |
hsl(212,64%,66%) |
#5c97db |
rgb(92,151,219) |
hsl(212,64%,61%) |
#478ad7 |
rgb(71,138,215) |
hsl(212,64%,56%) |
#327dd2 |
rgb(50,125,210) |
hsl(212,64%,51%) |
#2a70c0 |
rgb(42,112,192) |
hsl(212,64%,46%) |
#2664ab |
rgb(38,100,171) |
hsl(212,64%,41%) |
#215897 |
rgb(33,88,151) |
hsl(212,64%,36%) |
#1c4c82 |
rgb(28,76,130) |
hsl(212,64%,31%) |
#183f6d |
rgb(24,63,109) |
hsl(212,64%,26%) |
#133358 |
rgb(19,51,88) |
hsl(212,64%,21%) |
#0f2743 |
rgb(15,39,67) |
hsl(212,64%,16%) |
#0a1b2e |
rgb(10,27,46) |
hsl(212,64%,11%) |
#060f19 |
rgb(6,15,25) |
hsl(212,64%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,64%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1BD |
rgb(51,209,189) |
hsl(172,63%,51%) |
#337DD2 |
rgb(51,125,210) |
hsl(212,64%,51%) |
#5333D2 |
rgb(83,51,210) |
hsl(252,64%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A8E1 |
rgb(119,168,225) |
hsl(212,64%,67%) |
#5594D9 |
rgb(85,148,217) |
hsl(211,63%,59%) |
#337DD2 |
rgb(51,125,210) |
hsl(212,64%,51%) |
#2769B3 |
rgb(39,105,179) |
hsl(212,64%,43%) |
#205491 |
rgb(32,84,145) |
hsl(212,64%,35%) |
#18406F |
rgb(24,64,111) |
hsl(212,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DD2 |
rgb(51,125,210) |
hsl(212,64%,51%) |
#D23833 |
rgb(210,56,51) |
hsl(2,64%,51%) |
#CCD133 |
rgb(204,209,51) |
hsl(62,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DD2 |
rgb(51,125,210) |
hsl(212,64%,51%) |
#D28733 |
rgb(210,135,51) |
hsl(32,64%,51%) |
#33CCD2 |
rgb(51,204,210) |
hsl(182,64%,51%) |
#CCD133 |
rgb(204,209,51) |
hsl(62,63%,51%) |