HEX #3A78D4 color — Mariner

The color #3A78D4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A78D4 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(216,64%,98%)
#e2ebf9 rgb(226,235,249) hsl(216,64%,93%)
#cddcf4 rgb(205,220,244) hsl(216,64%,88%)
#b8ceef rgb(184,206,239) hsl(216,64%,83%)
#a3c0eb rgb(163,192,235) hsl(216,64%,78%)
#8eb1e6 rgb(142,177,230) hsl(216,64%,73%)
#79a3e2 rgb(121,163,226) hsl(216,64%,68%)
#6495dd rgb(100,149,221) hsl(216,64%,63%)
#4f86d8 rgb(79,134,216) hsl(216,64%,58%)
#3a78d4 rgb(58,120,212) hsl(216,64%,53%)
#2c6bc9 rgb(44,107,201) hsl(216,64%,48%)
#2760b4 rgb(39,96,180) hsl(216,64%,43%)
#23549f rgb(35,84,159) hsl(216,64%,38%)
#1e498a rgb(30,73,138) hsl(216,64%,33%)
#1a3e75 rgb(26,62,117) hsl(216,64%,28%)
#153360 rgb(21,51,96) hsl(216,64%,23%)
#11284b rgb(17,40,75) hsl(216,64%,18%)
#0c1d36 rgb(12,29,54) hsl(216,64%,13%)
#071221 rgb(7,18,33) hsl(216,64%,8%)
#03070d rgb(3,7,13) hsl(216,64%,3%)

Adjacent colors

HEX RGB HSL
#3AD4C9 rgb(58,212,201) hsl(176,64%,53%)
#3A78D4 rgb(58,120,212) hsl(216,64%,53%)
#623BD4 rgb(98,59,212) hsl(255,64%,53%)

Monochromatic colors

HEX RGB HSL
#80A8E3 rgb(128,168,227) hsl(216,64%,70%)
#5D91DB rgb(93,145,219) hsl(215,64%,61%)
#3A78D4 rgb(58,120,212) hsl(216,64%,53%)
#2863BA rgb(40,99,186) hsl(216,65%,44%)
#205296 rgb(32,82,150) hsl(215,65%,36%)
#193D73 rgb(25,61,115) hsl(216,64%,27%)

Triad color palettes

HEX RGB HSL
#3A78D4 rgb(58,120,212) hsl(216,64%,53%)
#D44A3A rgb(212,74,58) hsl(6,64%,53%)
#C5D43A rgb(197,212,58) hsl(66,64%,53%)

Tetrad color palettes

HEX RGB HSL
#3A78D4 rgb(58,120,212) hsl(216,64%,53%)
#D4963A rgb(212,150,58) hsl(36,64%,53%)
#3AC4D4 rgb(58,196,212) hsl(186,64%,53%)
#C5D43A rgb(197,212,58) hsl(66,64%,53%)