HEX #3A5ED2 color — Mariner
The color #3A5ED2 is a dark shade and moderately saturated.
Palette
3A5ED2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,63%,98%) |
#e2e7f8 |
rgb(226,231,248) |
hsl(226,63%,93%) |
#cdd6f4 |
rgb(205,214,244) |
hsl(226,63%,88%) |
#b8c5ef |
rgb(184,197,239) |
hsl(226,63%,83%) |
#a4b4ea |
rgb(164,180,234) |
hsl(226,63%,78%) |
#8fa3e6 |
rgb(143,163,230) |
hsl(226,63%,73%) |
#7a92e1 |
rgb(122,146,225) |
hsl(226,63%,68%) |
#6581dc |
rgb(101,129,220) |
hsl(226,63%,63%) |
#5070d7 |
rgb(80,112,215) |
hsl(226,63%,58%) |
#3c5fd3 |
rgb(60,95,211) |
hsl(226,63%,53%) |
#2d51c8 |
rgb(45,81,200) |
hsl(226,63%,48%) |
#2949b3 |
rgb(41,73,179) |
hsl(226,63%,43%) |
#24409e |
rgb(36,64,158) |
hsl(226,63%,38%) |
#1f3889 |
rgb(31,56,137) |
hsl(226,63%,33%) |
#1a2f74 |
rgb(26,47,116) |
hsl(226,63%,28%) |
#162760 |
rgb(22,39,96) |
hsl(226,63%,23%) |
#111e4b |
rgb(17,30,75) |
hsl(226,63%,18%) |
#0c1636 |
rgb(12,22,54) |
hsl(226,63%,13%) |
#080e21 |
rgb(8,14,33) |
hsl(226,63%,8%) |
#03050c |
rgb(3,5,12) |
hsl(226,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC4D2 |
rgb(58,196,210) |
hsl(186,63%,53%) |
#3A5ED2 |
rgb(58,94,210) |
hsl(226,63%,53%) |
#7B3BD2 |
rgb(123,59,210) |
hsl(265,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F96E1 |
rgb(127,150,225) |
hsl(226,62%,69%) |
#5C7AD9 |
rgb(92,122,217) |
hsl(226,62%,61%) |
#3A5ED2 |
rgb(58,94,210) |
hsl(226,63%,53%) |
#294DB7 |
rgb(41,77,183) |
hsl(225,63%,44%) |
#213D94 |
rgb(33,61,148) |
hsl(225,64%,35%) |
#192E71 |
rgb(25,46,113) |
hsl(226,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5ED2 |
rgb(58,94,210) |
hsl(226,63%,53%) |
#D2613A |
rgb(210,97,58) |
hsl(15,63%,53%) |
#AAD13A |
rgb(170,209,58) |
hsl(75,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5ED2 |
rgb(58,94,210) |
hsl(226,63%,53%) |
#D2AD3A |
rgb(210,173,58) |
hsl(45,63%,53%) |
#3AABD2 |
rgb(58,171,210) |
hsl(195,63%,53%) |
#AAD13A |
rgb(170,209,58) |
hsl(75,62%,52%) |