HEX #336EC2 color — Mariner
The color #336EC2 is a dark shade and moderately saturated.
Palette
336EC2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,58%,98%) |
#e3ebf8 |
rgb(227,235,248) |
hsl(215,58%,93%) |
#cfddf2 |
rgb(207,221,242) |
hsl(215,58%,88%) |
#bbcfed |
rgb(187,207,237) |
hsl(215,58%,83%) |
#a6c1e7 |
rgb(166,193,231) |
hsl(215,58%,78%) |
#92b3e2 |
rgb(146,179,226) |
hsl(215,58%,73%) |
#7ea6dd |
rgb(126,166,221) |
hsl(215,58%,68%) |
#6a98d7 |
rgb(106,152,215) |
hsl(215,58%,63%) |
#568ad2 |
rgb(86,138,210) |
hsl(215,58%,58%) |
#427ccd |
rgb(66,124,205) |
hsl(215,58%,53%) |
#336fc1 |
rgb(51,111,193) |
hsl(215,58%,48%) |
#2e63ad |
rgb(46,99,173) |
hsl(215,58%,43%) |
#295899 |
rgb(41,88,153) |
hsl(215,58%,38%) |
#234c85 |
rgb(35,76,133) |
hsl(215,58%,33%) |
#1e4071 |
rgb(30,64,113) |
hsl(215,58%,28%) |
#19355d |
rgb(25,53,93) |
hsl(215,58%,23%) |
#132949 |
rgb(19,41,73) |
hsl(215,58%,18%) |
#0e1e34 |
rgb(14,30,52) |
hsl(215,58%,13%) |
#091220 |
rgb(9,18,32) |
hsl(215,58%,8%) |
#03070c |
rgb(3,7,12) |
hsl(215,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C2B6 |
rgb(51,194,182) |
hsl(175,58%,48%) |
#336EC2 |
rgb(51,110,194) |
hsl(215,58%,48%) |
#5733C2 |
rgb(87,51,194) |
hsl(255,58%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B99D8 |
rgb(107,153,216) |
hsl(215,58%,63%) |
#4C82D0 |
rgb(76,130,208) |
hsl(215,58%,56%) |
#336EC2 |
rgb(51,110,194) |
hsl(215,58%,48%) |
#2A5CA2 |
rgb(42,92,162) |
hsl(215,59%,40%) |
#224A83 |
rgb(34,74,131) |
hsl(215,59%,32%) |
#1A3864 |
rgb(26,56,100) |
hsl(216,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#336EC2 |
rgb(51,110,194) |
hsl(215,58%,48%) |
#C24033 |
rgb(194,64,51) |
hsl(5,58%,48%) |
#B5C233 |
rgb(181,194,51) |
hsl(65,58%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EC2 |
rgb(51,110,194) |
hsl(215,58%,48%) |
#C28733 |
rgb(194,135,51) |
hsl(35,58%,48%) |
#33B5C2 |
rgb(51,181,194) |
hsl(185,58%,48%) |
#B5C233 |
rgb(181,194,51) |
hsl(65,58%,48%) |