HEX #3470C0 color — Mariner
The color #3470C0 is a dark shade and moderately saturated.
Palette
3470C0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(214,57%,98%) |
#e3ecf7 |
rgb(227,236,247) |
hsl(214,57%,93%) |
#cfdef2 |
rgb(207,222,242) |
hsl(214,57%,88%) |
#bbd0ec |
rgb(187,208,236) |
hsl(214,57%,83%) |
#a7c3e7 |
rgb(167,195,231) |
hsl(214,57%,78%) |
#93b5e1 |
rgb(147,181,225) |
hsl(214,57%,73%) |
#7fa7dc |
rgb(127,167,220) |
hsl(214,57%,68%) |
#6b99d6 |
rgb(107,153,214) |
hsl(214,57%,63%) |
#578cd1 |
rgb(87,140,209) |
hsl(214,57%,58%) |
#437ecb |
rgb(67,126,203) |
hsl(214,57%,53%) |
#3571c0 |
rgb(53,113,192) |
hsl(214,57%,48%) |
#2f65ac |
rgb(47,101,172) |
hsl(214,57%,43%) |
#2a5a98 |
rgb(42,90,152) |
hsl(214,57%,38%) |
#244e84 |
rgb(36,78,132) |
hsl(214,57%,33%) |
#1f4270 |
rgb(31,66,112) |
hsl(214,57%,28%) |
#19365c |
rgb(25,54,92) |
hsl(214,57%,23%) |
#142a48 |
rgb(20,42,72) |
hsl(214,57%,18%) |
#0e1f34 |
rgb(14,31,52) |
hsl(214,57%,13%) |
#091320 |
rgb(9,19,32) |
hsl(214,57%,8%) |
#03070c |
rgb(3,7,12) |
hsl(214,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#34BFB2 |
rgb(52,191,178) |
hsl(174,57%,48%) |
#3470C0 |
rgb(52,112,192) |
hsl(214,57%,48%) |
#5533C0 |
rgb(85,51,192) |
hsl(254,58%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B99D6 |
rgb(107,153,214) |
hsl(214,57%,63%) |
#4C85CE |
rgb(76,133,206) |
hsl(214,57%,55%) |
#3470C0 |
rgb(52,112,192) |
hsl(214,57%,48%) |
#2B5EA1 |
rgb(43,94,161) |
hsl(214,58%,40%) |
#234D82 |
rgb(35,77,130) |
hsl(213,58%,32%) |
#1B3B63 |
rgb(27,59,99) |
hsl(213,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3470C0 |
rgb(52,112,192) |
hsl(214,57%,48%) |
#C03D34 |
rgb(192,61,52) |
hsl(4,57%,48%) |
#B6BF34 |
rgb(182,191,52) |
hsl(64,57%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3470C0 |
rgb(52,112,192) |
hsl(214,57%,48%) |
#C08534 |
rgb(192,133,52) |
hsl(35,57%,48%) |
#34B5C0 |
rgb(52,181,192) |
hsl(185,57%,48%) |
#B6BF34 |
rgb(182,191,52) |
hsl(64,57%,48%) |