HEX #3F78D4 color — Mariner
The color #3F78D4 is a dark shade and moderately saturated.
Palette
3F78D4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,63%,99%) |
#e6edf9 |
rgb(230,237,249) |
hsl(217,63%,94%) |
#d1dff5 |
rgb(209,223,245) |
hsl(217,63%,89%) |
#bcd0f0 |
rgb(188,208,240) |
hsl(217,63%,84%) |
#a8c2eb |
rgb(168,194,235) |
hsl(217,63%,79%) |
#93b3e6 |
rgb(147,179,230) |
hsl(217,63%,74%) |
#7ea4e2 |
rgb(126,164,226) |
hsl(217,63%,69%) |
#6996dd |
rgb(105,150,221) |
hsl(217,63%,64%) |
#5587d8 |
rgb(85,135,216) |
hsl(217,63%,59%) |
#4078d4 |
rgb(64,120,212) |
hsl(217,63%,54%) |
#2e6bcc |
rgb(46,107,204) |
hsl(217,63%,49%) |
#2a60b7 |
rgb(42,96,183) |
hsl(217,63%,44%) |
#2555a2 |
rgb(37,85,162) |
hsl(217,63%,39%) |
#204a8d |
rgb(32,74,141) |
hsl(217,63%,34%) |
#1b3f79 |
rgb(27,63,121) |
hsl(217,63%,29%) |
#173464 |
rgb(23,52,100) |
hsl(217,63%,24%) |
#12294f |
rgb(18,41,79) |
hsl(217,63%,19%) |
#0d1e3a |
rgb(13,30,58) |
hsl(217,63%,14%) |
#081425 |
rgb(8,20,37) |
hsl(217,63%,9%) |
#040911 |
rgb(4,9,17) |
hsl(217,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FD4CC |
rgb(63,212,204) |
hsl(177,63%,54%) |
#3F78D4 |
rgb(63,120,212) |
hsl(217,63%,54%) |
#6940D4 |
rgb(105,64,212) |
hsl(257,63%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86ABE4 |
rgb(134,171,228) |
hsl(216,64%,71%) |
#6291DC |
rgb(98,145,220) |
hsl(217,64%,62%) |
#3F78D4 |
rgb(63,120,212) |
hsl(217,63%,54%) |
#2A63BC |
rgb(42,99,188) |
hsl(217,63%,45%) |
#224F98 |
rgb(34,79,152) |
hsl(217,63%,36%) |
#1A3D74 |
rgb(26,61,116) |
hsl(217,63%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F78D4 |
rgb(63,120,212) |
hsl(217,63%,54%) |
#D4523F |
rgb(212,82,63) |
hsl(8,63%,54%) |
#C2D43F |
rgb(194,212,63) |
hsl(67,63%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F78D4 |
rgb(63,120,212) |
hsl(217,63%,54%) |
#D49C3F |
rgb(212,156,63) |
hsl(37,63%,54%) |
#3FC2D4 |
rgb(63,194,212) |
hsl(187,63%,54%) |
#C2D43F |
rgb(194,212,63) |
hsl(67,63%,54%) |