HEX #3B6BD4 color — Mariner
The color #3B6BD4 is a dark shade and moderately saturated.
Palette
3B6BD4 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 |
#3BD1D4 |
rgb(59,209,212) |
hsl(181,64%,53%) |
#3B6BD4 |
rgb(59,107,212) |
hsl(221,64%,53%) |
#713BD4 |
rgb(113,59,212) |
hsl(261,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A1E3 |
rgb(130,161,227) |
hsl(221,63%,70%) |
#5E85DB |
rgb(94,133,219) |
hsl(221,63%,61%) |
#3B6BD4 |
rgb(59,107,212) |
hsl(221,64%,53%) |
#2857BA |
rgb(40,87,186) |
hsl(221,65%,44%) |
#214797 |
rgb(33,71,151) |
hsl(221,64%,36%) |
#193673 |
rgb(25,54,115) |
hsl(221,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B6BD4 |
rgb(59,107,212) |
hsl(221,64%,53%) |
#D4573B |
rgb(212,87,59) |
hsl(11,64%,53%) |
#B7D43B |
rgb(183,212,59) |
hsl(71,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B6BD4 |
rgb(59,107,212) |
hsl(221,64%,53%) |
#D4A33B |
rgb(212,163,59) |
hsl(41,64%,53%) |
#3BB8D4 |
rgb(59,184,212) |
hsl(191,64%,53%) |
#B7D43B |
rgb(183,212,59) |
hsl(71,64%,53%) |