HEX #3A6BD6 color — Mariner
The color #3A6BD6 is a dark shade and moderately saturated.
Palette
3A6BD6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,66%,98%) |
#e1e9f9 |
rgb(225,233,249) |
hsl(221,66%,93%) |
#ccd9f5 |
rgb(204,217,245) |
hsl(221,66%,88%) |
#b7c9f0 |
rgb(183,201,240) |
hsl(221,66%,83%) |
#a2b9ec |
rgb(162,185,236) |
hsl(221,66%,78%) |
#8da9e8 |
rgb(141,169,232) |
hsl(221,66%,73%) |
#789ae3 |
rgb(120,154,227) |
hsl(221,66%,68%) |
#628adf |
rgb(98,138,223) |
hsl(221,66%,63%) |
#4d7adb |
rgb(77,122,219) |
hsl(221,66%,58%) |
#386ad6 |
rgb(56,106,214) |
hsl(221,66%,53%) |
#2a5dcb |
rgb(42,93,203) |
hsl(221,66%,48%) |
#2553b6 |
rgb(37,83,182) |
hsl(221,66%,43%) |
#2149a1 |
rgb(33,73,161) |
hsl(221,66%,38%) |
#1d408c |
rgb(29,64,140) |
hsl(221,66%,33%) |
#183677 |
rgb(24,54,119) |
hsl(221,66%,28%) |
#142c61 |
rgb(20,44,97) |
hsl(221,66%,23%) |
#10234c |
rgb(16,35,76) |
hsl(221,66%,18%) |
#0b1937 |
rgb(11,25,55) |
hsl(221,66%,13%) |
#070f22 |
rgb(7,15,34) |
hsl(221,66%,8%) |
#03060d |
rgb(3,6,13) |
hsl(221,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD4D6 |
rgb(58,212,214) |
hsl(181,66%,53%) |
#3A6BD6 |
rgb(58,107,214) |
hsl(221,66%,53%) |
#713BD6 |
rgb(113,59,214) |
hsl(261,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A1E4 |
rgb(130,161,228) |
hsl(221,64%,70%) |
#5E87DD |
rgb(94,135,221) |
hsl(221,65%,62%) |
#3A6BD6 |
rgb(58,107,214) |
hsl(221,66%,53%) |
#2757BD |
rgb(39,87,189) |
hsl(221,66%,45%) |
#1F4599 |
rgb(31,69,153) |
hsl(221,66%,36%) |
#183675 |
rgb(24,54,117) |
hsl(221,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BD6 |
rgb(58,107,214) |
hsl(221,66%,53%) |
#D6573A |
rgb(214,87,58) |
hsl(11,66%,53%) |
#B9D63A |
rgb(185,214,58) |
hsl(71,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BD6 |
rgb(58,107,214) |
hsl(221,66%,53%) |
#D6A63A |
rgb(214,166,58) |
hsl(42,66%,53%) |
#3ABAD6 |
rgb(58,186,214) |
hsl(191,66%,53%) |
#B9D63A |
rgb(185,214,58) |
hsl(71,66%,53%) |