HEX #3A6ED3 color — Mariner
The color #3A6ED3 is a dark shade and moderately saturated.
Palette
3A6ED3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,63%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(220,63%,93%) |
#cddaf4 |
rgb(205,218,244) |
hsl(220,63%,88%) |
#b8cbef |
rgb(184,203,239) |
hsl(220,63%,83%) |
#a4bbea |
rgb(164,187,234) |
hsl(220,63%,78%) |
#8face6 |
rgb(143,172,230) |
hsl(220,63%,73%) |
#7a9ce1 |
rgb(122,156,225) |
hsl(220,63%,68%) |
#658ddc |
rgb(101,141,220) |
hsl(220,63%,63%) |
#507dd7 |
rgb(80,125,215) |
hsl(220,63%,58%) |
#3c6ed3 |
rgb(60,110,211) |
hsl(220,63%,53%) |
#2d61c8 |
rgb(45,97,200) |
hsl(220,63%,48%) |
#2957b3 |
rgb(41,87,179) |
hsl(220,63%,43%) |
#244d9e |
rgb(36,77,158) |
hsl(220,63%,38%) |
#1f4289 |
rgb(31,66,137) |
hsl(220,63%,33%) |
#1a3874 |
rgb(26,56,116) |
hsl(220,63%,28%) |
#162e60 |
rgb(22,46,96) |
hsl(220,63%,23%) |
#11244b |
rgb(17,36,75) |
hsl(220,63%,18%) |
#0c1a36 |
rgb(12,26,54) |
hsl(220,63%,13%) |
#081021 |
rgb(8,16,33) |
hsl(220,63%,8%) |
#03060c |
rgb(3,6,12) |
hsl(220,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD4D2 |
rgb(58,212,210) |
hsl(179,64%,53%) |
#3A6ED3 |
rgb(58,110,211) |
hsl(220,63%,53%) |
#6C3BD3 |
rgb(108,59,211) |
hsl(259,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A1E2 |
rgb(128,161,226) |
hsl(220,63%,69%) |
#5D87DA |
rgb(93,135,218) |
hsl(220,63%,61%) |
#3A6ED3 |
rgb(58,110,211) |
hsl(220,63%,53%) |
#2959B8 |
rgb(41,89,184) |
hsl(220,64%,44%) |
#214A95 |
rgb(33,74,149) |
hsl(219,64%,36%) |
#193872 |
rgb(25,56,114) |
hsl(219,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6ED3 |
rgb(58,110,211) |
hsl(220,63%,53%) |
#D3523A |
rgb(211,82,58) |
hsl(9,63%,53%) |
#BAD43A |
rgb(186,212,58) |
hsl(70,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6ED3 |
rgb(58,110,211) |
hsl(220,63%,53%) |
#D39E3A |
rgb(211,158,58) |
hsl(39,63%,53%) |
#3ABAD3 |
rgb(58,186,211) |
hsl(190,63%,53%) |
#BAD43A |
rgb(186,212,58) |
hsl(70,64%,53%) |