HEX #3A78D2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A78D2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(216,63%,98%)
#e2ebf8 rgb(226,235,248) hsl(216,63%,93%)
#cdddf4 rgb(205,221,244) hsl(216,63%,88%)
#b8ceef rgb(184,206,239) hsl(216,63%,83%)
#a4c0ea rgb(164,192,234) hsl(216,63%,78%)
#8fb1e6 rgb(143,177,230) hsl(216,63%,73%)
#7aa3e1 rgb(122,163,225) hsl(216,63%,68%)
#6595dc rgb(101,149,220) hsl(216,63%,63%)
#5086d7 rgb(80,134,215) hsl(216,63%,58%)
#3c78d3 rgb(60,120,211) hsl(216,63%,53%)
#2d6bc8 rgb(45,107,200) hsl(216,63%,48%)
#2960b3 rgb(41,96,179) hsl(216,63%,43%)
#24559e rgb(36,85,158) hsl(216,63%,38%)
#1f4a89 rgb(31,74,137) hsl(216,63%,33%)
#1a3e74 rgb(26,62,116) hsl(216,63%,28%)
#163360 rgb(22,51,96) hsl(216,63%,23%)
#11284b rgb(17,40,75) hsl(216,63%,18%)
#0c1d36 rgb(12,29,54) hsl(216,63%,13%)
#081221 rgb(8,18,33) hsl(216,63%,8%)
#03070c rgb(3,7,12) hsl(216,63%,3%)

Adjacent colors

HEX RGB HSL
#3AD1C6 rgb(58,209,198) hsl(176,62%,52%)
#3A78D2 rgb(58,120,210) hsl(216,63%,53%)
#613BD2 rgb(97,59,210) hsl(255,63%,53%)

Monochromatic colors

HEX RGB HSL
#7FA8E1 rgb(127,168,225) hsl(215,62%,69%)
#5C8FD9 rgb(92,143,217) hsl(216,62%,61%)
#3A78D2 rgb(58,120,210) hsl(216,63%,53%)
#2963B7 rgb(41,99,183) hsl(215,63%,44%)
#215294 rgb(33,82,148) hsl(214,64%,35%)
#193D71 rgb(25,61,113) hsl(215,64%,27%)

Triad color palettes

HEX RGB HSL
#3A78D2 rgb(58,120,210) hsl(216,63%,53%)
#D2473A rgb(210,71,58) hsl(5,63%,53%)
#C4D13A rgb(196,209,58) hsl(65,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A78D2 rgb(58,120,210) hsl(216,63%,53%)
#D2943A rgb(210,148,58) hsl(36,63%,53%)
#3AC4D2 rgb(58,196,210) hsl(186,63%,53%)
#C4D13A rgb(196,209,58) hsl(65,62%,52%)