HEX #3A5ED4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3a5ed4 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(226,64%,98%)
#e2e7f9 rgb(226,231,249) hsl(226,64%,93%)
#cdd6f4 rgb(205,214,244) hsl(226,64%,88%)
#b8c5ef rgb(184,197,239) hsl(226,64%,83%)
#a3b4eb rgb(163,180,235) hsl(226,64%,78%)
#8ea3e6 rgb(142,163,230) hsl(226,64%,73%)
#7992e2 rgb(121,146,226) hsl(226,64%,68%)
#6480dd rgb(100,128,221) hsl(226,64%,63%)
#4f6fd8 rgb(79,111,216) hsl(226,64%,58%)
#3a5ed4 rgb(58,94,212) hsl(226,64%,53%)
#2c51c9 rgb(44,81,201) hsl(226,64%,48%)
#2748b4 rgb(39,72,180) hsl(226,64%,43%)
#23409f rgb(35,64,159) hsl(226,64%,38%)
#1e378a rgb(30,55,138) hsl(226,64%,33%)
#1a2f75 rgb(26,47,117) hsl(226,64%,28%)
#152760 rgb(21,39,96) hsl(226,64%,23%)
#111e4b rgb(17,30,75) hsl(226,64%,18%)
#0c1636 rgb(12,22,54) hsl(226,64%,13%)
#070d21 rgb(7,13,33) hsl(226,64%,8%)
#03050d rgb(3,5,13) hsl(226,64%,3%)

Adjacent colors

HEX RGB HSL
#3AC4D4 rgb(58,196,212) hsl(186,64%,53%)
#3A5ED4 rgb(58,94,212) hsl(226,64%,53%)
#7C3BD4 rgb(124,59,212) hsl(265,64%,53%)

Monochromatic colors

HEX RGB HSL
#8099E3 rgb(128,153,227) hsl(225,64%,70%)
#5D7ADB rgb(93,122,219) hsl(226,64%,61%)
#3A5ED4 rgb(58,94,212) hsl(226,64%,53%)
#284ABA rgb(40,74,186) hsl(226,65%,44%)
#203D96 rgb(32,61,150) hsl(225,65%,36%)
#192E73 rgb(25,46,115) hsl(226,64%,27%)

Triad color palettes

HEX RGB HSL
#3A5ED4 rgb(58,94,212) hsl(226,64%,53%)
#D4633A rgb(212,99,58) hsl(16,64%,53%)
#ABD43A rgb(171,212,58) hsl(76,64%,53%)

Tetrad color palettes

HEX RGB HSL
#3A5ED4 rgb(58,94,212) hsl(226,64%,53%)
#D4B03A rgb(212,176,58) hsl(46,64%,53%)
#3AABD4 rgb(58,171,212) hsl(196,64%,53%)
#ABD43A rgb(171,212,58) hsl(76,64%,53%)