HEX #3170C4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3170C4 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
#31C4B6 rgb(49,196,182) hsl(174,60%,48%)
#3170C4 rgb(49,112,196) hsl(214,60%,48%)
#5430C4 rgb(84,48,196) hsl(255,61%,48%)

Monochromatic colors

HEX RGB HSL
#6999D9 rgb(105,153,217) hsl(214,60%,63%)
#4A85D1 rgb(74,133,209) hsl(214,59%,55%)
#3170C4 rgb(49,112,196) hsl(214,60%,48%)
#295EA4 rgb(41,94,164) hsl(214,60%,40%)
#214D85 rgb(33,77,133) hsl(214,60%,33%)
#193B65 rgb(25,59,101) hsl(213,60%,25%)

Triad color palettes

HEX RGB HSL
#3170C4 rgb(49,112,196) hsl(214,60%,48%)
#C43B31 rgb(196,59,49) hsl(4,60%,48%)
#B9C431 rgb(185,196,49) hsl(64,60%,48%)

Tetrad color palettes

HEX RGB HSL
#3170C4 rgb(49,112,196) hsl(214,60%,48%)
#C48531 rgb(196,133,49) hsl(34,60%,48%)
#31BAC4 rgb(49,186,196) hsl(184,60%,48%)
#B9C431 rgb(185,196,49) hsl(64,60%,48%)