HEX #3C6ED4 color — Mariner
The color #3C6ED4 is a dark shade and moderately saturated.
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%) |