HEX #3770D2 color — Mariner
The color #3770D2 is a dark shade and moderately saturated.
Palette
3770D2 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 |
#37D1CC |
rgb(55,209,204) |
hsl(178,63%,52%) |
#3770D2 |
rgb(55,112,210) |
hsl(218,63%,52%) |
#6538D2 |
rgb(101,56,210) |
hsl(258,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA1E1 |
rgb(124,161,225) |
hsl(218,63%,68%) |
#598AD9 |
rgb(89,138,217) |
hsl(217,63%,60%) |
#3770D2 |
rgb(55,112,210) |
hsl(218,63%,52%) |
#285CB5 |
rgb(40,92,181) |
hsl(218,64%,43%) |
#214A93 |
rgb(33,74,147) |
hsl(218,63%,35%) |
#193870 |
rgb(25,56,112) |
hsl(219,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3770D2 |
rgb(55,112,210) |
hsl(218,63%,52%) |
#D24D37 |
rgb(210,77,55) |
hsl(9,63%,52%) |
#BDD137 |
rgb(189,209,55) |
hsl(68,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3770D2 |
rgb(55,112,210) |
hsl(218,63%,52%) |
#D29937 |
rgb(210,153,55) |
hsl(38,63%,52%) |
#37BDD2 |
rgb(55,189,210) |
hsl(188,63%,52%) |
#BDD137 |
rgb(189,209,55) |
hsl(68,63%,52%) |