HEX #3C5CD4 color — Mariner
The color #3C5CD4 is a dark shade and moderately saturated.
Palette
3C5CD4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,64%,98%) |
#e2e7f9 |
rgb(226,231,249) |
hsl(227,64%,93%) |
#cdd5f4 |
rgb(205,213,244) |
hsl(227,64%,88%) |
#b8c4ef |
rgb(184,196,239) |
hsl(227,64%,83%) |
#a3b3eb |
rgb(163,179,235) |
hsl(227,64%,78%) |
#8ea1e6 |
rgb(142,161,230) |
hsl(227,64%,73%) |
#7990e2 |
rgb(121,144,226) |
hsl(227,64%,68%) |
#647edd |
rgb(100,126,221) |
hsl(227,64%,63%) |
#4f6dd8 |
rgb(79,109,216) |
hsl(227,64%,58%) |
#3a5cd4 |
rgb(58,92,212) |
hsl(227,64%,53%) |
#2c4ec9 |
rgb(44,78,201) |
hsl(227,64%,48%) |
#2746b4 |
rgb(39,70,180) |
hsl(227,64%,43%) |
#233e9f |
rgb(35,62,159) |
hsl(227,64%,38%) |
#1e368a |
rgb(30,54,138) |
hsl(227,64%,33%) |
#1a2e75 |
rgb(26,46,117) |
hsl(227,64%,28%) |
#152560 |
rgb(21,37,96) |
hsl(227,64%,23%) |
#111d4b |
rgb(17,29,75) |
hsl(227,64%,18%) |
#0c1536 |
rgb(12,21,54) |
hsl(227,64%,13%) |
#070d21 |
rgb(7,13,33) |
hsl(227,64%,8%) |
#03050d |
rgb(3,5,13) |
hsl(227,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC2D4 |
rgb(60,194,212) |
hsl(187,64%,53%) |
#3C5CD4 |
rgb(60,92,212) |
hsl(227,64%,53%) |
#813DD4 |
rgb(129,61,212) |
hsl(267,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8396E3 |
rgb(131,150,227) |
hsl(228,63%,70%) |
#5F7ADB |
rgb(95,122,219) |
hsl(227,63%,62%) |
#3C5CD4 |
rgb(60,92,212) |
hsl(227,64%,53%) |
#2947BB |
rgb(41,71,187) |
hsl(228,64%,45%) |
#213B97 |
rgb(33,59,151) |
hsl(227,64%,36%) |
#192B73 |
rgb(25,43,115) |
hsl(228,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5CD4 |
rgb(60,92,212) |
hsl(227,64%,53%) |
#D4693C |
rgb(212,105,60) |
hsl(18,64%,53%) |
#A8D43C |
rgb(168,212,60) |
hsl(77,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5CD4 |
rgb(60,92,212) |
hsl(227,64%,53%) |
#D4B53C |
rgb(212,181,60) |
hsl(48,64%,53%) |
#3CA8D4 |
rgb(60,168,212) |
hsl(197,64%,53%) |
#A8D43C |
rgb(168,212,60) |
hsl(77,64%,53%) |