HEX #3A5ED2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A5ED2 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(226,63%,98%)
#e2e7f8 rgb(226,231,248) hsl(226,63%,93%)
#cdd6f4 rgb(205,214,244) hsl(226,63%,88%)
#b8c5ef rgb(184,197,239) hsl(226,63%,83%)
#a4b4ea rgb(164,180,234) hsl(226,63%,78%)
#8fa3e6 rgb(143,163,230) hsl(226,63%,73%)
#7a92e1 rgb(122,146,225) hsl(226,63%,68%)
#6581dc rgb(101,129,220) hsl(226,63%,63%)
#5070d7 rgb(80,112,215) hsl(226,63%,58%)
#3c5fd3 rgb(60,95,211) hsl(226,63%,53%)
#2d51c8 rgb(45,81,200) hsl(226,63%,48%)
#2949b3 rgb(41,73,179) hsl(226,63%,43%)
#24409e rgb(36,64,158) hsl(226,63%,38%)
#1f3889 rgb(31,56,137) hsl(226,63%,33%)
#1a2f74 rgb(26,47,116) hsl(226,63%,28%)
#162760 rgb(22,39,96) hsl(226,63%,23%)
#111e4b rgb(17,30,75) hsl(226,63%,18%)
#0c1636 rgb(12,22,54) hsl(226,63%,13%)
#080e21 rgb(8,14,33) hsl(226,63%,8%)
#03050c rgb(3,5,12) hsl(226,63%,3%)

Adjacent colors

HEX RGB HSL
#3AC4D2 rgb(58,196,210) hsl(186,63%,53%)
#3A5ED2 rgb(58,94,210) hsl(226,63%,53%)
#7B3BD2 rgb(123,59,210) hsl(265,63%,53%)

Monochromatic colors

HEX RGB HSL
#7F96E1 rgb(127,150,225) hsl(226,62%,69%)
#5C7AD9 rgb(92,122,217) hsl(226,62%,61%)
#3A5ED2 rgb(58,94,210) hsl(226,63%,53%)
#294DB7 rgb(41,77,183) hsl(225,63%,44%)
#213D94 rgb(33,61,148) hsl(225,64%,35%)
#192E71 rgb(25,46,113) hsl(226,64%,27%)

Triad color palettes

HEX RGB HSL
#3A5ED2 rgb(58,94,210) hsl(226,63%,53%)
#D2613A rgb(210,97,58) hsl(15,63%,53%)
#AAD13A rgb(170,209,58) hsl(75,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A5ED2 rgb(58,94,210) hsl(226,63%,53%)
#D2AD3A rgb(210,173,58) hsl(45,63%,53%)
#3AABD2 rgb(58,171,210) hsl(195,63%,53%)
#AAD13A rgb(170,209,58) hsl(75,62%,52%)