HEX #3C5CD1 color — Mariner
The color #3C5CD1 is a dark shade and moderately saturated.
Palette
3C5CD1 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,62%,98%) |
#e2e7f8 |
rgb(226,231,248) |
hsl(227,62%,93%) |
#cdd6f3 |
rgb(205,214,243) |
hsl(227,62%,88%) |
#b9c4ef |
rgb(185,196,239) |
hsl(227,62%,83%) |
#a4b3ea |
rgb(164,179,234) |
hsl(227,62%,78%) |
#8fa2e5 |
rgb(143,162,229) |
hsl(227,62%,73%) |
#7b91e0 |
rgb(123,145,224) |
hsl(227,62%,68%) |
#6680db |
rgb(102,128,219) |
hsl(227,62%,63%) |
#516ed6 |
rgb(81,110,214) |
hsl(227,62%,58%) |
#3d5dd1 |
rgb(61,93,209) |
hsl(227,62%,53%) |
#2f4fc6 |
rgb(47,79,198) |
hsl(227,62%,48%) |
#2a47b2 |
rgb(42,71,178) |
hsl(227,62%,43%) |
#253f9d |
rgb(37,63,157) |
hsl(227,62%,38%) |
#203788 |
rgb(32,55,136) |
hsl(227,62%,33%) |
#1b2e74 |
rgb(27,46,116) |
hsl(227,62%,28%) |
#16265f |
rgb(22,38,95) |
hsl(227,62%,23%) |
#111e4a |
rgb(17,30,74) |
hsl(227,62%,18%) |
#0d1636 |
rgb(13,22,54) |
hsl(227,62%,13%) |
#080d21 |
rgb(8,13,33) |
hsl(227,62%,8%) |
#03050c |
rgb(3,5,12) |
hsl(227,62%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBFD1 |
rgb(60,191,209) |
hsl(187,62%,53%) |
#3C5CD1 |
rgb(60,92,209) |
hsl(227,62%,53%) |
#7F3DD1 |
rgb(127,61,209) |
hsl(267,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8196E1 |
rgb(129,150,225) |
hsl(227,62%,69%) |
#5E78D9 |
rgb(94,120,217) |
hsl(227,62%,61%) |
#3C5CD1 |
rgb(60,92,209) |
hsl(227,62%,53%) |
#2B4AB6 |
rgb(43,74,182) |
hsl(227,62%,44%) |
#223B94 |
rgb(34,59,148) |
hsl(227,63%,36%) |
#1A2E71 |
rgb(26,46,113) |
hsl(226,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5CD1 |
rgb(60,92,209) |
hsl(227,62%,53%) |
#D1663C |
rgb(209,102,60) |
hsl(17,62%,53%) |
#A6D13C |
rgb(166,209,60) |
hsl(77,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5CD1 |
rgb(60,92,209) |
hsl(227,62%,53%) |
#D1B03C |
rgb(209,176,60) |
hsl(47,62%,53%) |
#3CA6D1 |
rgb(60,166,209) |
hsl(197,62%,53%) |
#A6D13C |
rgb(166,209,60) |
hsl(77,62%,53%) |