HEX #3C6ED4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3C6ED4 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(220,64%,98%)
#e2e9f9 rgb(226,233,249) hsl(220,64%,93%)
#cddaf4 rgb(205,218,244) hsl(220,64%,88%)
#b8caef rgb(184,202,239) hsl(220,64%,83%)
#a3bbeb rgb(163,187,235) hsl(220,64%,78%)
#8eabe6 rgb(142,171,230) hsl(220,64%,73%)
#799ce2 rgb(121,156,226) hsl(220,64%,68%)
#648ddd rgb(100,141,221) hsl(220,64%,63%)
#4f7dd8 rgb(79,125,216) hsl(220,64%,58%)
#3a6ed4 rgb(58,110,212) hsl(220,64%,53%)
#2c60c9 rgb(44,96,201) hsl(220,64%,48%)
#2756b4 rgb(39,86,180) hsl(220,64%,43%)
#234c9f rgb(35,76,159) hsl(220,64%,38%)
#1e428a rgb(30,66,138) hsl(220,64%,33%)
#1a3875 rgb(26,56,117) hsl(220,64%,28%)
#152e60 rgb(21,46,96) hsl(220,64%,23%)
#11244b rgb(17,36,75) hsl(220,64%,18%)
#0c1a36 rgb(12,26,54) hsl(220,64%,13%)
#071021 rgb(7,16,33) hsl(220,64%,8%)
#03060d rgb(3,6,13) hsl(220,64%,3%)

Adjacent colors

HEX RGB HSL
#3CD4D4 rgb(60,212,212) hsl(180,64%,53%)
#3C6ED4 rgb(60,110,212) hsl(220,64%,53%)
#6F3DD4 rgb(111,61,212) hsl(260,64%,54%)

Monochromatic colors

HEX RGB HSL
#83A3E3 rgb(131,163,227) hsl(220,63%,70%)
#5F8ADB rgb(95,138,219) hsl(219,63%,62%)
#3C6ED4 rgb(60,110,212) hsl(220,64%,53%)
#2959BB rgb(41,89,187) hsl(220,64%,45%)
#214797 rgb(33,71,151) hsl(221,64%,36%)
#193873 rgb(25,56,115) hsl(219,64%,27%)

Triad color palettes

HEX RGB HSL
#3C6ED4 rgb(60,110,212) hsl(220,64%,53%)
#D4573C rgb(212,87,60) hsl(11,64%,53%)
#BAD43C rgb(186,212,60) hsl(70,64%,53%)

Tetrad color palettes

HEX RGB HSL
#3C6ED4 rgb(60,110,212) hsl(220,64%,53%)
#D4A33C rgb(212,163,60) hsl(41,64%,53%)
#3CBAD4 rgb(60,186,212) hsl(190,64%,53%)
#BAD43C rgb(186,212,60) hsl(70,64%,53%)