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