HEX #3A78D5 color — Mariner
The color #3A78D5 is a dark shade and moderately saturated.
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%) |