HEX #3C7DD3 color — Mariner
The color #3C7DD3 is a dark shade and moderately saturated.
Palette
3C7DD3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(214,63%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(214,63%,93%) |
#cddef4 |
rgb(205,222,244) |
hsl(214,63%,88%) |
#b8d0ef |
rgb(184,208,239) |
hsl(214,63%,83%) |
#a4c2ea |
rgb(164,194,234) |
hsl(214,63%,78%) |
#8fb4e6 |
rgb(143,180,230) |
hsl(214,63%,73%) |
#7aa7e1 |
rgb(122,167,225) |
hsl(214,63%,68%) |
#6599dc |
rgb(101,153,220) |
hsl(214,63%,63%) |
#508bd7 |
rgb(80,139,215) |
hsl(214,63%,58%) |
#3c7dd3 |
rgb(60,125,211) |
hsl(214,63%,53%) |
#2d70c8 |
rgb(45,112,200) |
hsl(214,63%,48%) |
#2964b3 |
rgb(41,100,179) |
hsl(214,63%,43%) |
#24599e |
rgb(36,89,158) |
hsl(214,63%,38%) |
#1f4d89 |
rgb(31,77,137) |
hsl(214,63%,33%) |
#1a4174 |
rgb(26,65,116) |
hsl(214,63%,28%) |
#163660 |
rgb(22,54,96) |
hsl(214,63%,23%) |
#112a4b |
rgb(17,42,75) |
hsl(214,63%,18%) |
#0c1e36 |
rgb(12,30,54) |
hsl(214,63%,13%) |
#081321 |
rgb(8,19,33) |
hsl(214,63%,8%) |
#03070c |
rgb(3,7,12) |
hsl(214,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD4C4 |
rgb(60,212,196) |
hsl(174,64%,53%) |
#3C7DD3 |
rgb(60,125,211) |
hsl(214,63%,53%) |
#5F3DD3 |
rgb(95,61,211) |
hsl(254,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82ADE2 |
rgb(130,173,226) |
hsl(213,62%,70%) |
#5F94DA |
rgb(95,148,218) |
hsl(214,62%,61%) |
#3C7DD3 |
rgb(60,125,211) |
hsl(214,63%,53%) |
#2969B9 |
rgb(41,105,185) |
hsl(213,64%,44%) |
#215496 |
rgb(33,84,150) |
hsl(214,64%,36%) |
#194072 |
rgb(25,64,114) |
hsl(214,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7DD3 |
rgb(60,125,211) |
hsl(214,63%,53%) |
#D3473C |
rgb(211,71,60) |
hsl(4,63%,53%) |
#C8D43C |
rgb(200,212,60) |
hsl(65,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7DD3 |
rgb(60,125,211) |
hsl(214,63%,53%) |
#D3913C |
rgb(211,145,60) |
hsl(34,63%,53%) |
#3CC9D3 |
rgb(60,201,211) |
hsl(184,63%,53%) |
#C8D43C |
rgb(200,212,60) |
hsl(65,64%,53%) |