HEX #3C6ED3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3C6ED3 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(220,63%,98%)
#e2e9f8 rgb(226,233,248) hsl(220,63%,93%)
#cddaf4 rgb(205,218,244) hsl(220,63%,88%)
#b8cbef rgb(184,203,239) hsl(220,63%,83%)
#a4bbea rgb(164,187,234) hsl(220,63%,78%)
#8face6 rgb(143,172,230) hsl(220,63%,73%)
#7a9ce1 rgb(122,156,225) hsl(220,63%,68%)
#658ddc rgb(101,141,220) hsl(220,63%,63%)
#507dd7 rgb(80,125,215) hsl(220,63%,58%)
#3c6ed3 rgb(60,110,211) hsl(220,63%,53%)
#2d61c8 rgb(45,97,200) hsl(220,63%,48%)
#2957b3 rgb(41,87,179) hsl(220,63%,43%)
#244d9e rgb(36,77,158) hsl(220,63%,38%)
#1f4289 rgb(31,66,137) hsl(220,63%,33%)
#1a3874 rgb(26,56,116) hsl(220,63%,28%)
#162e60 rgb(22,46,96) hsl(220,63%,23%)
#11244b rgb(17,36,75) hsl(220,63%,18%)
#0c1a36 rgb(12,26,54) hsl(220,63%,13%)
#081021 rgb(8,16,33) hsl(220,63%,8%)
#03060c rgb(3,6,12) hsl(220,63%,3%)

Adjacent colors

HEX RGB HSL
#3CD4D3 rgb(60,212,211) hsl(180,64%,53%)
#3C6ED3 rgb(60,110,211) hsl(220,63%,53%)
#6E3DD3 rgb(110,61,211) hsl(260,63%,53%)

Monochromatic colors

HEX RGB HSL
#82A3E2 rgb(130,163,226) hsl(219,62%,70%)
#5F87DA rgb(95,135,218) hsl(220,62%,61%)
#3C6ED3 rgb(60,110,211) hsl(220,63%,53%)
#2959B9 rgb(41,89,185) hsl(220,64%,44%)
#214796 rgb(33,71,150) hsl(221,64%,36%)
#193872 rgb(25,56,114) hsl(219,64%,27%)

Triad color palettes

HEX RGB HSL
#3C6ED3 rgb(60,110,211) hsl(220,63%,53%)
#D3573C rgb(211,87,60) hsl(11,63%,53%)
#B9D43C rgb(185,212,60) hsl(71,64%,53%)

Tetrad color palettes

HEX RGB HSL
#3C6ED3 rgb(60,110,211) hsl(220,63%,53%)
#D3A13C rgb(211,161,60) hsl(40,63%,53%)
#3CBAD3 rgb(60,186,211) hsl(190,63%,53%)
#B9D43C rgb(185,212,60) hsl(71,64%,53%)