HEX #3A78D6 color — Mariner
The color #3A78D6 is a dark shade and moderately saturated.
Palette
3A78D6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,66%,98%) |
#e1ebf9 |
rgb(225,235,249) |
hsl(216,66%,93%) |
#ccdcf5 |
rgb(204,220,245) |
hsl(216,66%,88%) |
#b7cef0 |
rgb(183,206,240) |
hsl(216,66%,83%) |
#a2bfec |
rgb(162,191,236) |
hsl(216,66%,78%) |
#8db1e8 |
rgb(141,177,232) |
hsl(216,66%,73%) |
#78a3e3 |
rgb(120,163,227) |
hsl(216,66%,68%) |
#6294df |
rgb(98,148,223) |
hsl(216,66%,63%) |
#4d86db |
rgb(77,134,219) |
hsl(216,66%,58%) |
#3877d6 |
rgb(56,119,214) |
hsl(216,66%,53%) |
#2a6acb |
rgb(42,106,203) |
hsl(216,66%,48%) |
#255fb6 |
rgb(37,95,182) |
hsl(216,66%,43%) |
#2154a1 |
rgb(33,84,161) |
hsl(216,66%,38%) |
#1d498c |
rgb(29,73,140) |
hsl(216,66%,33%) |
#183e77 |
rgb(24,62,119) |
hsl(216,66%,28%) |
#143361 |
rgb(20,51,97) |
hsl(216,66%,23%) |
#10284c |
rgb(16,40,76) |
hsl(216,66%,18%) |
#0b1d37 |
rgb(11,29,55) |
hsl(216,66%,13%) |
#071222 |
rgb(7,18,34) |
hsl(216,66%,8%) |
#03070d |
rgb(3,7,13) |
hsl(216,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6CC |
rgb(58,214,204) |
hsl(176,66%,53%) |
#3A78D6 |
rgb(58,120,214) |
hsl(216,66%,53%) |
#643BD6 |
rgb(100,59,214) |
hsl(256,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A8E4 |
rgb(130,168,228) |
hsl(217,64%,70%) |
#5E91DD |
rgb(94,145,221) |
hsl(216,65%,62%) |
#3A78D6 |
rgb(58,120,214) |
hsl(216,66%,53%) |
#2763BD |
rgb(39,99,189) |
hsl(216,66%,45%) |
#1F4F99 |
rgb(31,79,153) |
hsl(216,66%,36%) |
#183D75 |
rgb(24,61,117) |
hsl(216,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78D6 |
rgb(58,120,214) |
hsl(216,66%,53%) |
#D64A3A |
rgb(214,74,58) |
hsl(6,66%,53%) |
#C6D63A |
rgb(198,214,58) |
hsl(66,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78D6 |
rgb(58,120,214) |
hsl(216,66%,53%) |
#D6993A |
rgb(214,153,58) |
hsl(37,66%,53%) |
#3AC7D6 |
rgb(58,199,214) |
hsl(186,66%,53%) |
#C6D63A |
rgb(198,214,58) |
hsl(66,66%,53%) |