HEX #336ED8 color — Mariner
The color #336ED8 is a dark shade and moderately saturated.
Palette
336ED8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,68%,97%) |
#dde6f8 |
rgb(221,230,248) |
hsl(219,68%,92%) |
#c7d7f4 |
rgb(199,215,244) |
hsl(219,68%,87%) |
#b2c8f0 |
rgb(178,200,240) |
hsl(219,68%,82%) |
#9cb8ec |
rgb(156,184,236) |
hsl(219,68%,77%) |
#87a9e8 |
rgb(135,169,232) |
hsl(219,68%,72%) |
#729ae4 |
rgb(114,154,228) |
hsl(219,68%,67%) |
#5c8ae0 |
rgb(92,138,224) |
hsl(219,68%,62%) |
#477bdc |
rgb(71,123,220) |
hsl(219,68%,57%) |
#316cd8 |
rgb(49,108,216) |
hsl(219,68%,52%) |
#265fc9 |
rgb(38,95,201) |
hsl(219,68%,47%) |
#2255b4 |
rgb(34,85,180) |
hsl(219,68%,42%) |
#1e4b9f |
rgb(30,75,159) |
hsl(219,68%,37%) |
#1a4189 |
rgb(26,65,137) |
hsl(219,68%,32%) |
#163774 |
rgb(22,55,116) |
hsl(219,68%,27%) |
#122d5e |
rgb(18,45,94) |
hsl(219,68%,22%) |
#0e2349 |
rgb(14,35,73) |
hsl(219,68%,17%) |
#0a1833 |
rgb(10,24,51) |
hsl(219,68%,12%) |
#060e1e |
rgb(6,14,30) |
hsl(219,68%,7%) |
#020409 |
rgb(2,4,9) |
hsl(219,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D9D4 |
rgb(51,217,212) |
hsl(178,69%,53%) |
#336ED8 |
rgb(51,110,216) |
hsl(219,68%,52%) |
#6633D8 |
rgb(102,51,216) |
hsl(259,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AA1E5 |
rgb(122,161,229) |
hsl(218,67%,69%) |
#5687DE |
rgb(86,135,222) |
hsl(218,67%,60%) |
#336ED8 |
rgb(51,110,216) |
hsl(219,68%,52%) |
#2459BC |
rgb(36,89,188) |
hsl(219,68%,44%) |
#1D4A98 |
rgb(29,74,152) |
hsl(218,68%,35%) |
#163874 |
rgb(22,56,116) |
hsl(218,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#336ED8 |
rgb(51,110,216) |
hsl(219,68%,52%) |
#D84A33 |
rgb(216,74,51) |
hsl(8,68%,52%) |
#C0D933 |
rgb(192,217,51) |
hsl(69,69%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336ED8 |
rgb(51,110,216) |
hsl(219,68%,52%) |
#D89E33 |
rgb(216,158,51) |
hsl(39,68%,52%) |
#33BFD8 |
rgb(51,191,216) |
hsl(189,68%,52%) |
#C0D933 |
rgb(192,217,51) |
hsl(69,69%,53%) |