HEX #3C6BD1 color — Mariner
The color #3C6BD1 is a dark shade and moderately saturated.
Palette
3C6BD1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,62%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(221,62%,93%) |
#cdd9f3 |
rgb(205,217,243) |
hsl(221,62%,88%) |
#b9caef |
rgb(185,202,239) |
hsl(221,62%,83%) |
#a4baea |
rgb(164,186,234) |
hsl(221,62%,78%) |
#8faae5 |
rgb(143,170,229) |
hsl(221,62%,73%) |
#7b9be0 |
rgb(123,155,224) |
hsl(221,62%,68%) |
#668bdb |
rgb(102,139,219) |
hsl(221,62%,63%) |
#517cd6 |
rgb(81,124,214) |
hsl(221,62%,58%) |
#3d6cd1 |
rgb(61,108,209) |
hsl(221,62%,53%) |
#2f5fc6 |
rgb(47,95,198) |
hsl(221,62%,48%) |
#2a55b2 |
rgb(42,85,178) |
hsl(221,62%,43%) |
#254b9d |
rgb(37,75,157) |
hsl(221,62%,38%) |
#204188 |
rgb(32,65,136) |
hsl(221,62%,33%) |
#1b3774 |
rgb(27,55,116) |
hsl(221,62%,28%) |
#162d5f |
rgb(22,45,95) |
hsl(221,62%,23%) |
#11234a |
rgb(17,35,74) |
hsl(221,62%,18%) |
#0d1a36 |
rgb(13,26,54) |
hsl(221,62%,13%) |
#081021 |
rgb(8,16,33) |
hsl(221,62%,8%) |
#03060c |
rgb(3,6,12) |
hsl(221,62%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CCFD1 |
rgb(60,207,209) |
hsl(181,62%,53%) |
#3C6BD1 |
rgb(60,107,209) |
hsl(221,62%,53%) |
#703DD1 |
rgb(112,61,209) |
hsl(261,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81A1E1 |
rgb(129,161,225) |
hsl(220,62%,69%) |
#5E85D9 |
rgb(94,133,217) |
hsl(221,62%,61%) |
#3C6BD1 |
rgb(60,107,209) |
hsl(221,62%,53%) |
#2B57B6 |
rgb(43,87,182) |
hsl(221,62%,44%) |
#224794 |
rgb(34,71,148) |
hsl(221,63%,36%) |
#1A3671 |
rgb(26,54,113) |
hsl(221,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BD1 |
rgb(60,107,209) |
hsl(221,62%,53%) |
#D1573C |
rgb(209,87,60) |
hsl(11,62%,53%) |
#B5D13C |
rgb(181,209,60) |
hsl(71,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BD1 |
rgb(60,107,209) |
hsl(221,62%,53%) |
#D1A33C |
rgb(209,163,60) |
hsl(41,62%,53%) |
#3CB5D1 |
rgb(60,181,209) |
hsl(191,62%,53%) |
#B5D13C |
rgb(181,209,60) |
hsl(71,62%,53%) |