HEX #3170C2 color — Mariner

The color #3170C2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3170C2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(214,60%,98%)
#e2ecf8 rgb(226,236,248) hsl(214,60%,93%)
#cedef3 rgb(206,222,243) hsl(214,60%,88%)
#bad0ee rgb(186,208,238) hsl(214,60%,83%)
#a5c2e9 rgb(165,194,233) hsl(214,60%,78%)
#91b5e3 rgb(145,181,227) hsl(214,60%,73%)
#7ca7de rgb(124,167,222) hsl(214,60%,68%)
#6899d9 rgb(104,153,217) hsl(214,60%,63%)
#548bd4 rgb(84,139,212) hsl(214,60%,58%)
#3f7ecf rgb(63,126,207) hsl(214,60%,53%)
#3171c4 rgb(49,113,196) hsl(214,60%,48%)
#2c65af rgb(44,101,175) hsl(214,60%,43%)
#27599b rgb(39,89,155) hsl(214,60%,38%)
#224d87 rgb(34,77,135) hsl(214,60%,33%)
#1d4272 rgb(29,66,114) hsl(214,60%,28%)
#17365e rgb(23,54,94) hsl(214,60%,23%)
#122a49 rgb(18,42,73) hsl(214,60%,18%)
#0d1e35 rgb(13,30,53) hsl(214,60%,13%)
#081321 rgb(8,19,33) hsl(214,60%,8%)
#03070c rgb(3,7,12) hsl(214,60%,3%)

Adjacent colors

HEX RGB HSL
#31C2B3 rgb(49,194,179) hsl(174,60%,48%)
#3170C2 rgb(49,112,194) hsl(214,60%,48%)
#5230C2 rgb(82,48,194) hsl(254,60%,47%)

Monochromatic colors

HEX RGB HSL
#6799D8 rgb(103,153,216) hsl(213,59%,63%)
#4885D1 rgb(72,133,209) hsl(213,60%,55%)
#3170C2 rgb(49,112,194) hsl(214,60%,48%)
#295EA2 rgb(41,94,162) hsl(214,60%,40%)
#214D83 rgb(33,77,131) hsl(213,60%,32%)
#193B64 rgb(25,59,100) hsl(213,60%,25%)

Triad color palettes

HEX RGB HSL
#3170C2 rgb(49,112,194) hsl(214,60%,48%)
#C23B31 rgb(194,59,49) hsl(4,60%,48%)
#B8C231 rgb(184,194,49) hsl(64,60%,48%)

Tetrad color palettes

HEX RGB HSL
#3170C2 rgb(49,112,194) hsl(214,60%,48%)
#C28231 rgb(194,130,49) hsl(34,60%,48%)
#31B8C2 rgb(49,184,194) hsl(184,60%,48%)
#B8C231 rgb(184,194,49) hsl(64,60%,48%)