HEX #3B78D5 color — Mariner
The color #3B78D5 is a dark shade and moderately saturated.
Palette
3B78D5 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 |
#3BD6CB |
rgb(59,214,203) |
hsl(176,65%,54%) |
#3B78D5 |
rgb(59,120,213) |
hsl(216,65%,53%) |
#643BD5 |
rgb(100,59,213) |
hsl(256,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A8E4 |
rgb(130,168,228) |
hsl(217,64%,70%) |
#5E91DC |
rgb(94,145,220) |
hsl(216,64%,62%) |
#3B78D5 |
rgb(59,120,213) |
hsl(216,65%,53%) |
#2863BC |
rgb(40,99,188) |
hsl(216,65%,45%) |
#204F98 |
rgb(32,79,152) |
hsl(217,65%,36%) |
#183D74 |
rgb(24,61,116) |
hsl(216,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B78D5 |
rgb(59,120,213) |
hsl(216,65%,53%) |
#D54A3B |
rgb(213,74,59) |
hsl(6,65%,53%) |
#C5D63B |
rgb(197,214,59) |
hsl(67,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B78D5 |
rgb(59,120,213) |
hsl(216,65%,53%) |
#D5993B |
rgb(213,153,59) |
hsl(37,65%,53%) |
#3BC4D5 |
rgb(59,196,213) |
hsl(187,65%,53%) |
#C5D63B |
rgb(197,214,59) |
hsl(67,65%,54%) |