HEX #3A78D3 color — Mariner
The color #3A78D3 is a dark shade and moderately saturated.
Palette
3A78D3 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 |
#3AD4C8 |
rgb(58,212,200) |
hsl(175,64%,53%) |
#3A78D3 |
rgb(58,120,211) |
hsl(216,63%,53%) |
#623BD3 |
rgb(98,59,211) |
hsl(255,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A8E2 |
rgb(128,168,226) |
hsl(216,63%,69%) |
#5D91DA |
rgb(93,145,218) |
hsl(215,63%,61%) |
#3A78D3 |
rgb(58,120,211) |
hsl(216,63%,53%) |
#2963B8 |
rgb(41,99,184) |
hsl(216,64%,44%) |
#215295 |
rgb(33,82,149) |
hsl(215,64%,36%) |
#193D72 |
rgb(25,61,114) |
hsl(216,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78D3 |
rgb(58,120,211) |
hsl(216,63%,53%) |
#D3473A |
rgb(211,71,58) |
hsl(5,63%,53%) |
#C4D43A |
rgb(196,212,58) |
hsl(66,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78D3 |
rgb(58,120,211) |
hsl(216,63%,53%) |
#D3943A |
rgb(211,148,58) |
hsl(35,63%,53%) |
#3AC4D3 |
rgb(58,196,211) |
hsl(186,63%,53%) |
#C4D43A |
rgb(196,212,58) |
hsl(66,64%,53%) |