HEX #3B5ED4 color — Mariner
The color #3B5ED4 is a dark shade and moderately saturated.
Palette
3B5ED4 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 |
#3BC4D4 |
rgb(59,196,212) |
hsl(186,64%,53%) |
#3B5ED4 |
rgb(59,94,212) |
hsl(226,64%,53%) |
#7E3BD4 |
rgb(126,59,212) |
hsl(266,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8299E3 |
rgb(130,153,227) |
hsl(226,63%,70%) |
#5E7ADB |
rgb(94,122,219) |
hsl(227,63%,61%) |
#3B5ED4 |
rgb(59,94,212) |
hsl(226,64%,53%) |
#284ABA |
rgb(40,74,186) |
hsl(226,65%,44%) |
#213D97 |
rgb(33,61,151) |
hsl(226,64%,36%) |
#192E73 |
rgb(25,46,115) |
hsl(226,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B5ED4 |
rgb(59,94,212) |
hsl(226,64%,53%) |
#D4633B |
rgb(212,99,59) |
hsl(16,64%,53%) |
#AAD43B |
rgb(170,212,59) |
hsl(76,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B5ED4 |
rgb(59,94,212) |
hsl(226,64%,53%) |
#D4B03B |
rgb(212,176,59) |
hsl(46,64%,53%) |
#3BABD4 |
rgb(59,171,212) |
hsl(196,64%,53%) |
#AAD43B |
rgb(170,212,59) |
hsl(76,64%,53%) |