HEX #3870D1 color — Mariner
The color #3870D1 is a dark shade and moderately saturated.
Palette
3870D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(218,62%,97%) |
#dee7f7 |
rgb(222,231,247) |
hsl(218,62%,92%) |
#c9d8f2 |
rgb(201,216,242) |
hsl(218,62%,87%) |
#b5caee |
rgb(181,202,238) |
hsl(218,62%,82%) |
#a0bbe9 |
rgb(160,187,233) |
hsl(218,62%,77%) |
#8bace4 |
rgb(139,172,228) |
hsl(218,62%,72%) |
#779ddf |
rgb(119,157,223) |
hsl(218,62%,67%) |
#628eda |
rgb(98,142,218) |
hsl(218,62%,62%) |
#4d7fd5 |
rgb(77,127,213) |
hsl(218,62%,57%) |
#3970d0 |
rgb(57,112,208) |
hsl(218,62%,52%) |
#2e64c2 |
rgb(46,100,194) |
hsl(218,62%,47%) |
#2959ae |
rgb(41,89,174) |
hsl(218,62%,42%) |
#244f99 |
rgb(36,79,153) |
hsl(218,62%,37%) |
#1f4484 |
rgb(31,68,132) |
hsl(218,62%,32%) |
#1a3970 |
rgb(26,57,112) |
hsl(218,62%,27%) |
#152f5b |
rgb(21,47,91) |
hsl(218,62%,22%) |
#102446 |
rgb(16,36,70) |
hsl(218,62%,17%) |
#0c1a32 |
rgb(12,26,50) |
hsl(218,62%,12%) |
#070f1d |
rgb(7,15,29) |
hsl(218,62%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#38D1CC |
rgb(56,209,204) |
hsl(178,62%,52%) |
#3870D1 |
rgb(56,112,209) |
hsl(218,62%,52%) |
#6638D1 |
rgb(102,56,209) |
hsl(258,62%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA1E0 |
rgb(124,161,224) |
hsl(218,62%,68%) |
#5A8AD8 |
rgb(90,138,216) |
hsl(217,62%,60%) |
#3870D1 |
rgb(56,112,209) |
hsl(218,62%,52%) |
#295CB4 |
rgb(41,92,180) |
hsl(218,63%,43%) |
#214A92 |
rgb(33,74,146) |
hsl(218,63%,35%) |
#19386F |
rgb(25,56,111) |
hsl(218,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3870D1 |
rgb(56,112,209) |
hsl(218,62%,52%) |
#D14D38 |
rgb(209,77,56) |
hsl(8,62%,52%) |
#BCD138 |
rgb(188,209,56) |
hsl(68,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3870D1 |
rgb(56,112,209) |
hsl(218,62%,52%) |
#D19938 |
rgb(209,153,56) |
hsl(38,62%,52%) |
#38BDD1 |
rgb(56,189,209) |
hsl(188,62%,52%) |
#BCD138 |
rgb(188,209,56) |
hsl(68,62%,52%) |