HEX #3A5CD4 color — Mariner
The color #3a5cd4 is a dark shade and moderately saturated.
Palette
3a5cd4 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 |
#3AC2D4 |
rgb(58,194,212) |
hsl(187,64%,53%) |
#3A5CD4 |
rgb(58,92,212) |
hsl(227,64%,53%) |
#7E3BD4 |
rgb(126,59,212) |
hsl(266,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8096E3 |
rgb(128,150,227) |
hsl(227,64%,70%) |
#5D7ADB |
rgb(93,122,219) |
hsl(226,64%,61%) |
#3A5CD4 |
rgb(58,92,212) |
hsl(227,64%,53%) |
#284ABA |
rgb(40,74,186) |
hsl(226,65%,44%) |
#203B96 |
rgb(32,59,150) |
hsl(226,65%,36%) |
#192E73 |
rgb(25,46,115) |
hsl(226,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CD4 |
rgb(58,92,212) |
hsl(227,64%,53%) |
#D4663A |
rgb(212,102,58) |
hsl(17,64%,53%) |
#A9D43A |
rgb(169,212,58) |
hsl(77,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CD4 |
rgb(58,92,212) |
hsl(227,64%,53%) |
#D4B33A |
rgb(212,179,58) |
hsl(47,64%,53%) |
#3AA8D4 |
rgb(58,168,212) |
hsl(197,64%,53%) |
#A9D43A |
rgb(169,212,58) |
hsl(77,64%,53%) |