HEX #3A5ED4 color — Mariner
The color #3a5ed4 is a dark shade and moderately saturated.
Palette
3a5ed4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,64%,98%) |
#e2e7f9 |
rgb(226,231,249) |
hsl(226,64%,93%) |
#cdd6f4 |
rgb(205,214,244) |
hsl(226,64%,88%) |
#b8c5ef |
rgb(184,197,239) |
hsl(226,64%,83%) |
#a3b4eb |
rgb(163,180,235) |
hsl(226,64%,78%) |
#8ea3e6 |
rgb(142,163,230) |
hsl(226,64%,73%) |
#7992e2 |
rgb(121,146,226) |
hsl(226,64%,68%) |
#6480dd |
rgb(100,128,221) |
hsl(226,64%,63%) |
#4f6fd8 |
rgb(79,111,216) |
hsl(226,64%,58%) |
#3a5ed4 |
rgb(58,94,212) |
hsl(226,64%,53%) |
#2c51c9 |
rgb(44,81,201) |
hsl(226,64%,48%) |
#2748b4 |
rgb(39,72,180) |
hsl(226,64%,43%) |
#23409f |
rgb(35,64,159) |
hsl(226,64%,38%) |
#1e378a |
rgb(30,55,138) |
hsl(226,64%,33%) |
#1a2f75 |
rgb(26,47,117) |
hsl(226,64%,28%) |
#152760 |
rgb(21,39,96) |
hsl(226,64%,23%) |
#111e4b |
rgb(17,30,75) |
hsl(226,64%,18%) |
#0c1636 |
rgb(12,22,54) |
hsl(226,64%,13%) |
#070d21 |
rgb(7,13,33) |
hsl(226,64%,8%) |
#03050d |
rgb(3,5,13) |
hsl(226,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC4D4 |
rgb(58,196,212) |
hsl(186,64%,53%) |
#3A5ED4 |
rgb(58,94,212) |
hsl(226,64%,53%) |
#7C3BD4 |
rgb(124,59,212) |
hsl(265,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8099E3 |
rgb(128,153,227) |
hsl(225,64%,70%) |
#5D7ADB |
rgb(93,122,219) |
hsl(226,64%,61%) |
#3A5ED4 |
rgb(58,94,212) |
hsl(226,64%,53%) |
#284ABA |
rgb(40,74,186) |
hsl(226,65%,44%) |
#203D96 |
rgb(32,61,150) |
hsl(225,65%,36%) |
#192E73 |
rgb(25,46,115) |
hsl(226,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5ED4 |
rgb(58,94,212) |
hsl(226,64%,53%) |
#D4633A |
rgb(212,99,58) |
hsl(16,64%,53%) |
#ABD43A |
rgb(171,212,58) |
hsl(76,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5ED4 |
rgb(58,94,212) |
hsl(226,64%,53%) |
#D4B03A |
rgb(212,176,58) |
hsl(46,64%,53%) |
#3AABD4 |
rgb(58,171,212) |
hsl(196,64%,53%) |
#ABD43A |
rgb(171,212,58) |
hsl(76,64%,53%) |