HEX #3A5ED6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A5ED6 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(226,66%,98%)
#e1e7f9 rgb(225,231,249) hsl(226,66%,93%)
#ccd6f5 rgb(204,214,245) hsl(226,66%,88%)
#b7c4f0 rgb(183,196,240) hsl(226,66%,83%)
#a2b3ec rgb(162,179,236) hsl(226,66%,78%)
#8da2e8 rgb(141,162,232) hsl(226,66%,73%)
#7891e3 rgb(120,145,227) hsl(226,66%,68%)
#627fdf rgb(98,127,223) hsl(226,66%,63%)
#4d6edb rgb(77,110,219) hsl(226,66%,58%)
#385dd6 rgb(56,93,214) hsl(226,66%,53%)
#2a4fcb rgb(42,79,203) hsl(226,66%,48%)
#2547b6 rgb(37,71,182) hsl(226,66%,43%)
#213fa1 rgb(33,63,161) hsl(226,66%,38%)
#1d378c rgb(29,55,140) hsl(226,66%,33%)
#182e77 rgb(24,46,119) hsl(226,66%,28%)
#142661 rgb(20,38,97) hsl(226,66%,23%)
#101e4c rgb(16,30,76) hsl(226,66%,18%)
#0b1537 rgb(11,21,55) hsl(226,66%,13%)
#070d22 rgb(7,13,34) hsl(226,66%,8%)
#03050d rgb(3,5,13) hsl(226,66%,3%)

Adjacent colors

HEX RGB HSL
#3AC7D6 rgb(58,199,214) hsl(186,66%,53%)
#3A5ED6 rgb(58,94,214) hsl(226,66%,53%)
#7E3BD6 rgb(126,59,214) hsl(266,65%,54%)

Monochromatic colors

HEX RGB HSL
#8299E4 rgb(130,153,228) hsl(226,64%,70%)
#5E7ADD rgb(94,122,221) hsl(227,65%,62%)
#3A5ED6 rgb(58,94,214) hsl(226,66%,53%)
#274ABD rgb(39,74,189) hsl(226,66%,45%)
#1F3B99 rgb(31,59,153) hsl(226,66%,36%)
#182E75 rgb(24,46,117) hsl(226,66%,28%)

Triad color palettes

HEX RGB HSL
#3A5ED6 rgb(58,94,214) hsl(226,66%,53%)
#D6633A rgb(214,99,58) hsl(16,66%,53%)
#ACD63A rgb(172,214,58) hsl(76,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3A5ED6 rgb(58,94,214) hsl(226,66%,53%)
#D6B33A rgb(214,179,58) hsl(47,66%,53%)
#3AABD6 rgb(58,171,214) hsl(197,66%,53%)
#ACD63A rgb(172,214,58) hsl(76,66%,53%)