HEX #3C78D4 color — Mariner
The color #3C78D4 is a dark shade and moderately saturated.
Palette
3C78D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,64%,98%) |
#e2ebf9 |
rgb(226,235,249) |
hsl(216,64%,93%) |
#cddcf4 |
rgb(205,220,244) |
hsl(216,64%,88%) |
#b8ceef |
rgb(184,206,239) |
hsl(216,64%,83%) |
#a3c0eb |
rgb(163,192,235) |
hsl(216,64%,78%) |
#8eb1e6 |
rgb(142,177,230) |
hsl(216,64%,73%) |
#79a3e2 |
rgb(121,163,226) |
hsl(216,64%,68%) |
#6495dd |
rgb(100,149,221) |
hsl(216,64%,63%) |
#4f86d8 |
rgb(79,134,216) |
hsl(216,64%,58%) |
#3a78d4 |
rgb(58,120,212) |
hsl(216,64%,53%) |
#2c6bc9 |
rgb(44,107,201) |
hsl(216,64%,48%) |
#2760b4 |
rgb(39,96,180) |
hsl(216,64%,43%) |
#23549f |
rgb(35,84,159) |
hsl(216,64%,38%) |
#1e498a |
rgb(30,73,138) |
hsl(216,64%,33%) |
#1a3e75 |
rgb(26,62,117) |
hsl(216,64%,28%) |
#153360 |
rgb(21,51,96) |
hsl(216,64%,23%) |
#11284b |
rgb(17,40,75) |
hsl(216,64%,18%) |
#0c1d36 |
rgb(12,29,54) |
hsl(216,64%,13%) |
#071221 |
rgb(7,18,33) |
hsl(216,64%,8%) |
#03070d |
rgb(3,7,13) |
hsl(216,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD4CA |
rgb(60,212,202) |
hsl(176,64%,53%) |
#3C78D4 |
rgb(60,120,212) |
hsl(216,64%,53%) |
#653DD4 |
rgb(101,61,212) |
hsl(256,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A8E3 |
rgb(131,168,227) |
hsl(217,63%,70%) |
#5F91DB |
rgb(95,145,219) |
hsl(216,63%,62%) |
#3C78D4 |
rgb(60,120,212) |
hsl(216,64%,53%) |
#2963BB |
rgb(41,99,187) |
hsl(216,64%,45%) |
#214F97 |
rgb(33,79,151) |
hsl(217,64%,36%) |
#193D73 |
rgb(25,61,115) |
hsl(216,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78D4 |
rgb(60,120,212) |
hsl(216,64%,53%) |
#D44D3C |
rgb(212,77,60) |
hsl(7,64%,53%) |
#C4D43C |
rgb(196,212,60) |
hsl(66,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78D4 |
rgb(60,120,212) |
hsl(216,64%,53%) |
#D4993C |
rgb(212,153,60) |
hsl(37,64%,53%) |
#3CC4D4 |
rgb(60,196,212) |
hsl(186,64%,53%) |
#C4D43C |
rgb(196,212,60) |
hsl(66,64%,53%) |