HEX #3870D2 color — Mariner
The color #3870D2 is a dark shade and moderately saturated.
Palette
3870D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(218,63%,97%) |
#dee7f7 |
rgb(222,231,247) |
hsl(218,63%,92%) |
#c9d8f3 |
rgb(201,216,243) |
hsl(218,63%,87%) |
#b4c9ee |
rgb(180,201,238) |
hsl(218,63%,82%) |
#9fbae9 |
rgb(159,186,233) |
hsl(218,63%,77%) |
#8bace5 |
rgb(139,172,229) |
hsl(218,63%,72%) |
#769de0 |
rgb(118,157,224) |
hsl(218,63%,67%) |
#618edb |
rgb(97,142,219) |
hsl(218,63%,62%) |
#4c7fd6 |
rgb(76,127,214) |
hsl(218,63%,57%) |
#3770d2 |
rgb(55,112,210) |
hsl(218,63%,52%) |
#2c64c3 |
rgb(44,100,195) |
hsl(218,63%,47%) |
#2859af |
rgb(40,89,175) |
hsl(218,63%,42%) |
#234e9a |
rgb(35,78,154) |
hsl(218,63%,37%) |
#1e4485 |
rgb(30,68,133) |
hsl(218,63%,32%) |
#193970 |
rgb(25,57,112) |
hsl(218,63%,27%) |
#152f5b |
rgb(21,47,91) |
hsl(218,63%,22%) |
#102447 |
rgb(16,36,71) |
hsl(218,63%,17%) |
#0b1932 |
rgb(11,25,50) |
hsl(218,63%,12%) |
#070f1d |
rgb(7,15,29) |
hsl(218,63%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#38D1CD |
rgb(56,209,205) |
hsl(178,62%,52%) |
#3870D2 |
rgb(56,112,210) |
hsl(218,63%,52%) |
#6638D2 |
rgb(102,56,210) |
hsl(258,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA1E1 |
rgb(125,161,225) |
hsl(218,63%,69%) |
#5A8AD9 |
rgb(90,138,217) |
hsl(217,63%,60%) |
#3870D2 |
rgb(56,112,210) |
hsl(218,63%,52%) |
#295CB6 |
rgb(41,92,182) |
hsl(218,63%,44%) |
#214A93 |
rgb(33,74,147) |
hsl(218,63%,35%) |
#193870 |
rgb(25,56,112) |
hsl(219,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3870D2 |
rgb(56,112,210) |
hsl(218,63%,52%) |
#D24D38 |
rgb(210,77,56) |
hsl(8,63%,52%) |
#BDD138 |
rgb(189,209,56) |
hsl(68,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3870D2 |
rgb(56,112,210) |
hsl(218,63%,52%) |
#D29938 |
rgb(210,153,56) |
hsl(38,63%,52%) |
#38BDD2 |
rgb(56,189,210) |
hsl(188,63%,52%) |
#BDD138 |
rgb(189,209,56) |
hsl(68,62%,52%) |