HEX #3A5CD2 color — Mariner

The color #3A5CD2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A5CD2 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(227,63%,98%)
#e2e7f8 rgb(226,231,248) hsl(227,63%,93%)
#cdd5f4 rgb(205,213,244) hsl(227,63%,88%)
#b8c4ef rgb(184,196,239) hsl(227,63%,83%)
#a4b3ea rgb(164,179,234) hsl(227,63%,78%)
#8fa2e6 rgb(143,162,230) hsl(227,63%,73%)
#7a90e1 rgb(122,144,225) hsl(227,63%,68%)
#657fdc rgb(101,127,220) hsl(227,63%,63%)
#506ed7 rgb(80,110,215) hsl(227,63%,58%)
#3c5cd3 rgb(60,92,211) hsl(227,63%,53%)
#2d4fc8 rgb(45,79,200) hsl(227,63%,48%)
#2947b3 rgb(41,71,179) hsl(227,63%,43%)
#243e9e rgb(36,62,158) hsl(227,63%,38%)
#1f3689 rgb(31,54,137) hsl(227,63%,33%)
#1a2e74 rgb(26,46,116) hsl(227,63%,28%)
#162660 rgb(22,38,96) hsl(227,63%,23%)
#111e4b rgb(17,30,75) hsl(227,63%,18%)
#0c1536 rgb(12,21,54) hsl(227,63%,13%)
#080d21 rgb(8,13,33) hsl(227,63%,8%)
#03050c rgb(3,5,12) hsl(227,63%,3%)

Adjacent colors

HEX RGB HSL
#3AC2D2 rgb(58,194,210) hsl(186,63%,53%)
#3A5CD2 rgb(58,92,210) hsl(227,63%,53%)
#7D3BD2 rgb(125,59,210) hsl(266,63%,53%)

Monochromatic colors

HEX RGB HSL
#7F96E1 rgb(127,150,225) hsl(226,62%,69%)
#5C78D9 rgb(92,120,217) hsl(227,62%,61%)
#3A5CD2 rgb(58,92,210) hsl(227,63%,53%)
#294AB7 rgb(41,74,183) hsl(226,63%,44%)
#213B94 rgb(33,59,148) hsl(226,64%,35%)
#192E71 rgb(25,46,113) hsl(226,64%,27%)

Triad color palettes

HEX RGB HSL
#3A5CD2 rgb(58,92,210) hsl(227,63%,53%)
#D2633A rgb(210,99,58) hsl(16,63%,53%)
#A8D13A rgb(168,209,58) hsl(76,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A5CD2 rgb(58,92,210) hsl(227,63%,53%)
#D2B03A rgb(210,176,58) hsl(47,63%,53%)
#3AA8D2 rgb(58,168,210) hsl(197,63%,53%)
#A8D13A rgb(168,209,58) hsl(76,62%,52%)