HEX #3C78D0 color — Mariner
The color #3C78D0 is a dark shade and moderately saturated.
Palette
3C78D0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,61%,98%) |
#e2ebf8 |
rgb(226,235,248) |
hsl(216,61%,93%) |
#ceddf3 |
rgb(206,221,243) |
hsl(216,61%,88%) |
#b9ceee |
rgb(185,206,238) |
hsl(216,61%,83%) |
#a5c0e9 |
rgb(165,192,233) |
hsl(216,61%,78%) |
#90b2e4 |
rgb(144,178,228) |
hsl(216,61%,73%) |
#7ca3df |
rgb(124,163,223) |
hsl(216,61%,68%) |
#6795da |
rgb(103,149,218) |
hsl(216,61%,63%) |
#5387d5 |
rgb(83,135,213) |
hsl(216,61%,58%) |
#3e79d0 |
rgb(62,121,208) |
hsl(216,61%,53%) |
#306bc5 |
rgb(48,107,197) |
hsl(216,61%,48%) |
#2b60b1 |
rgb(43,96,177) |
hsl(216,61%,43%) |
#26559c |
rgb(38,85,156) |
hsl(216,61%,38%) |
#214a87 |
rgb(33,74,135) |
hsl(216,61%,33%) |
#1c3f73 |
rgb(28,63,115) |
hsl(216,61%,28%) |
#17335e |
rgb(23,51,94) |
hsl(216,61%,23%) |
#12284a |
rgb(18,40,74) |
hsl(216,61%,18%) |
#0d1d35 |
rgb(13,29,53) |
hsl(216,61%,13%) |
#081221 |
rgb(8,18,33) |
hsl(216,61%,8%) |
#03070c |
rgb(3,7,12) |
hsl(216,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD1C5 |
rgb(60,209,197) |
hsl(175,62%,53%) |
#3C78D0 |
rgb(60,120,208) |
hsl(216,61%,53%) |
#623DD0 |
rgb(98,61,208) |
hsl(255,61%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81A8E0 |
rgb(129,168,224) |
hsl(215,61%,69%) |
#5E8FD8 |
rgb(94,143,216) |
hsl(216,61%,61%) |
#3C78D0 |
rgb(60,120,208) |
hsl(216,61%,53%) |
#2B63B5 |
rgb(43,99,181) |
hsl(216,62%,44%) |
#235292 |
rgb(35,82,146) |
hsl(215,61%,35%) |
#1B3D70 |
rgb(27,61,112) |
hsl(216,61%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78D0 |
rgb(60,120,208) |
hsl(216,61%,53%) |
#D04A3C |
rgb(208,74,60) |
hsl(6,61%,53%) |
#C2D13C |
rgb(194,209,60) |
hsl(66,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78D0 |
rgb(60,120,208) |
hsl(216,61%,53%) |
#D0943C |
rgb(208,148,60) |
hsl(36,61%,53%) |
#3CC2D0 |
rgb(60,194,208) |
hsl(186,61%,53%) |
#C2D13C |
rgb(194,209,60) |
hsl(66,62%,53%) |