HEX #3A78D5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A78D5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(216,65%,98%)
#e2ebf9 rgb(226,235,249) hsl(216,65%,93%)
#cddcf4 rgb(205,220,244) hsl(216,65%,88%)
#b7cef0 rgb(183,206,240) hsl(216,65%,83%)
#a2c0eb rgb(162,192,235) hsl(216,65%,78%)
#8db1e7 rgb(141,177,231) hsl(216,65%,73%)
#78a3e2 rgb(120,163,226) hsl(216,65%,68%)
#6394de rgb(99,148,222) hsl(216,65%,63%)
#4e86da rgb(78,134,218) hsl(216,65%,58%)
#3978d5 rgb(57,120,213) hsl(216,65%,53%)
#2b6aca rgb(43,106,202) hsl(216,65%,48%)
#265fb5 rgb(38,95,181) hsl(216,65%,43%)
#2254a0 rgb(34,84,160) hsl(216,65%,38%)
#1d498b rgb(29,73,139) hsl(216,65%,33%)
#193e76 rgb(25,62,118) hsl(216,65%,28%)
#153361 rgb(21,51,97) hsl(216,65%,23%)
#10284c rgb(16,40,76) hsl(216,65%,18%)
#0c1d37 rgb(12,29,55) hsl(216,65%,13%)
#071222 rgb(7,18,34) hsl(216,65%,8%)
#03070d rgb(3,7,13) hsl(216,65%,3%)

Adjacent colors

HEX RGB HSL
#3AD6CA rgb(58,214,202) hsl(175,66%,53%)
#3A78D5 rgb(58,120,213) hsl(216,65%,53%)
#633BD5 rgb(99,59,213) hsl(256,65%,53%)

Monochromatic colors

HEX RGB HSL
#81A8E4 rgb(129,168,228) hsl(216,65%,70%)
#5D91DC rgb(93,145,220) hsl(215,64%,61%)
#3A78D5 rgb(58,120,213) hsl(216,65%,53%)
#2863BB rgb(40,99,187) hsl(216,65%,45%)
#204F97 rgb(32,79,151) hsl(216,65%,36%)
#183D74 rgb(24,61,116) hsl(216,66%,27%)

Triad color palettes

HEX RGB HSL
#3A78D5 rgb(58,120,213) hsl(216,65%,53%)
#D54A3A rgb(213,74,58) hsl(6,65%,53%)
#C5D63A rgb(197,214,58) hsl(67,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3A78D5 rgb(58,120,213) hsl(216,65%,53%)
#D5963A rgb(213,150,58) hsl(36,65%,53%)
#3AC4D5 rgb(58,196,213) hsl(187,65%,53%)
#C5D63A rgb(197,214,58) hsl(67,66%,53%)