HEX #3370C2 color — Mariner
The color #3370C2 is a dark shade and moderately saturated.
Palette
3370C2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(214,58%,98%) |
#e3ecf8 |
rgb(227,236,248) |
hsl(214,58%,93%) |
#cfdef2 |
rgb(207,222,242) |
hsl(214,58%,88%) |
#bbd0ed |
rgb(187,208,237) |
hsl(214,58%,83%) |
#a6c3e7 |
rgb(166,195,231) |
hsl(214,58%,78%) |
#92b5e2 |
rgb(146,181,226) |
hsl(214,58%,73%) |
#7ea7dd |
rgb(126,167,221) |
hsl(214,58%,68%) |
#6a99d7 |
rgb(106,153,215) |
hsl(214,58%,63%) |
#568cd2 |
rgb(86,140,210) |
hsl(214,58%,58%) |
#427ecd |
rgb(66,126,205) |
hsl(214,58%,53%) |
#3371c1 |
rgb(51,113,193) |
hsl(214,58%,48%) |
#2e65ad |
rgb(46,101,173) |
hsl(214,58%,43%) |
#295999 |
rgb(41,89,153) |
hsl(214,58%,38%) |
#234e85 |
rgb(35,78,133) |
hsl(214,58%,33%) |
#1e4271 |
rgb(30,66,113) |
hsl(214,58%,28%) |
#19365d |
rgb(25,54,93) |
hsl(214,58%,23%) |
#132a49 |
rgb(19,42,73) |
hsl(214,58%,18%) |
#0e1f34 |
rgb(14,31,52) |
hsl(214,58%,13%) |
#091320 |
rgb(9,19,32) |
hsl(214,58%,8%) |
#03070c |
rgb(3,7,12) |
hsl(214,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C2B4 |
rgb(51,194,180) |
hsl(174,58%,48%) |
#3370C2 |
rgb(51,112,194) |
hsl(214,58%,48%) |
#5533C2 |
rgb(85,51,194) |
hsl(254,58%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B99D8 |
rgb(107,153,216) |
hsl(215,58%,63%) |
#4C85D0 |
rgb(76,133,208) |
hsl(214,58%,56%) |
#3370C2 |
rgb(51,112,194) |
hsl(214,58%,48%) |
#2A5EA2 |
rgb(42,94,162) |
hsl(214,59%,40%) |
#224D83 |
rgb(34,77,131) |
hsl(213,59%,32%) |
#1A3B64 |
rgb(26,59,100) |
hsl(213,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3370C2 |
rgb(51,112,194) |
hsl(214,58%,48%) |
#C23D33 |
rgb(194,61,51) |
hsl(4,58%,48%) |
#B7C233 |
rgb(183,194,51) |
hsl(65,58%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3370C2 |
rgb(51,112,194) |
hsl(214,58%,48%) |
#C28533 |
rgb(194,133,51) |
hsl(34,58%,48%) |
#33B8C2 |
rgb(51,184,194) |
hsl(184,58%,48%) |
#B7C233 |
rgb(183,194,51) |
hsl(65,58%,48%) |