HEX #3A6BD4 color — Mariner
The color #3a6bd4 is a dark shade and moderately saturated.
Palette
3a6bd4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,64%,98%) |
#e2e9f9 |
rgb(226,233,249) |
hsl(221,64%,93%) |
#cdd9f4 |
rgb(205,217,244) |
hsl(221,64%,88%) |
#b8c9ef |
rgb(184,201,239) |
hsl(221,64%,83%) |
#a3baeb |
rgb(163,186,235) |
hsl(221,64%,78%) |
#8eaae6 |
rgb(142,170,230) |
hsl(221,64%,73%) |
#799ae2 |
rgb(121,154,226) |
hsl(221,64%,68%) |
#648bdd |
rgb(100,139,221) |
hsl(221,64%,63%) |
#4f7bd8 |
rgb(79,123,216) |
hsl(221,64%,58%) |
#3a6bd4 |
rgb(58,107,212) |
hsl(221,64%,53%) |
#2c5ec9 |
rgb(44,94,201) |
hsl(221,64%,48%) |
#2754b4 |
rgb(39,84,180) |
hsl(221,64%,43%) |
#234a9f |
rgb(35,74,159) |
hsl(221,64%,38%) |
#1e408a |
rgb(30,64,138) |
hsl(221,64%,33%) |
#1a3775 |
rgb(26,55,117) |
hsl(221,64%,28%) |
#152d60 |
rgb(21,45,96) |
hsl(221,64%,23%) |
#11234b |
rgb(17,35,75) |
hsl(221,64%,18%) |
#0c1936 |
rgb(12,25,54) |
hsl(221,64%,13%) |
#071021 |
rgb(7,16,33) |
hsl(221,64%,8%) |
#03060d |
rgb(3,6,13) |
hsl(221,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1D4 |
rgb(58,209,212) |
hsl(181,64%,53%) |
#3A6BD4 |
rgb(58,107,212) |
hsl(221,64%,53%) |
#6F3BD4 |
rgb(111,59,212) |
hsl(260,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A1E3 |
rgb(128,161,227) |
hsl(220,64%,70%) |
#5D85DB |
rgb(93,133,219) |
hsl(221,64%,61%) |
#3A6BD4 |
rgb(58,107,212) |
hsl(221,64%,53%) |
#2857BA |
rgb(40,87,186) |
hsl(221,65%,44%) |
#204796 |
rgb(32,71,150) |
hsl(220,65%,36%) |
#193673 |
rgb(25,54,115) |
hsl(221,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BD4 |
rgb(58,107,212) |
hsl(221,64%,53%) |
#D4573A |
rgb(212,87,58) |
hsl(11,64%,53%) |
#B8D43A |
rgb(184,212,58) |
hsl(71,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BD4 |
rgb(58,107,212) |
hsl(221,64%,53%) |
#D4A33A |
rgb(212,163,58) |
hsl(41,64%,53%) |
#3AB8D4 |
rgb(58,184,212) |
hsl(191,64%,53%) |
#B8D43A |
rgb(184,212,58) |
hsl(71,64%,53%) |