HEX #3A6BD3 color — Mariner
The color #3A6BD3 is a dark shade and moderately saturated.
Palette
3A6BD3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,63%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(221,63%,93%) |
#cdd9f4 |
rgb(205,217,244) |
hsl(221,63%,88%) |
#b8caef |
rgb(184,202,239) |
hsl(221,63%,83%) |
#a4baea |
rgb(164,186,234) |
hsl(221,63%,78%) |
#8faae6 |
rgb(143,170,230) |
hsl(221,63%,73%) |
#7a9be1 |
rgb(122,155,225) |
hsl(221,63%,68%) |
#658bdc |
rgb(101,139,220) |
hsl(221,63%,63%) |
#507bd7 |
rgb(80,123,215) |
hsl(221,63%,58%) |
#3c6bd3 |
rgb(60,107,211) |
hsl(221,63%,53%) |
#2d5ec8 |
rgb(45,94,200) |
hsl(221,63%,48%) |
#2954b3 |
rgb(41,84,179) |
hsl(221,63%,43%) |
#244b9e |
rgb(36,75,158) |
hsl(221,63%,38%) |
#1f4189 |
rgb(31,65,137) |
hsl(221,63%,33%) |
#1a3774 |
rgb(26,55,116) |
hsl(221,63%,28%) |
#162d60 |
rgb(22,45,96) |
hsl(221,63%,23%) |
#11234b |
rgb(17,35,75) |
hsl(221,63%,18%) |
#0c1936 |
rgb(12,25,54) |
hsl(221,63%,13%) |
#081021 |
rgb(8,16,33) |
hsl(221,63%,8%) |
#03060c |
rgb(3,6,12) |
hsl(221,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1D3 |
rgb(58,209,211) |
hsl(181,63%,53%) |
#3A6BD3 |
rgb(58,107,211) |
hsl(221,63%,53%) |
#6F3BD3 |
rgb(111,59,211) |
hsl(261,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A1E2 |
rgb(128,161,226) |
hsl(220,63%,69%) |
#5D85DA |
rgb(93,133,218) |
hsl(221,63%,61%) |
#3A6BD3 |
rgb(58,107,211) |
hsl(221,63%,53%) |
#2957B8 |
rgb(41,87,184) |
hsl(221,64%,44%) |
#214795 |
rgb(33,71,149) |
hsl(220,64%,36%) |
#193672 |
rgb(25,54,114) |
hsl(220,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BD3 |
rgb(58,107,211) |
hsl(221,63%,53%) |
#D3573A |
rgb(211,87,58) |
hsl(11,63%,53%) |
#B7D43A |
rgb(183,212,58) |
hsl(71,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BD3 |
rgb(58,107,211) |
hsl(221,63%,53%) |
#D3A33A |
rgb(211,163,58) |
hsl(41,63%,53%) |
#3AB8D3 |
rgb(58,184,211) |
hsl(191,63%,53%) |
#B7D43A |
rgb(183,212,58) |
hsl(71,64%,53%) |