HEX #3B6BD5 color — Mariner
The color #3B6BD5 is a dark shade and moderately saturated.
Palette
3B6BD5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,65%,98%) |
#e2e9f9 |
rgb(226,233,249) |
hsl(221,65%,93%) |
#cdd9f4 |
rgb(205,217,244) |
hsl(221,65%,88%) |
#b7c9f0 |
rgb(183,201,240) |
hsl(221,65%,83%) |
#a2baeb |
rgb(162,186,235) |
hsl(221,65%,78%) |
#8daae7 |
rgb(141,170,231) |
hsl(221,65%,73%) |
#789ae2 |
rgb(120,154,226) |
hsl(221,65%,68%) |
#638ade |
rgb(99,138,222) |
hsl(221,65%,63%) |
#4e7ada |
rgb(78,122,218) |
hsl(221,65%,58%) |
#396bd5 |
rgb(57,107,213) |
hsl(221,65%,53%) |
#2b5dca |
rgb(43,93,202) |
hsl(221,65%,48%) |
#2654b5 |
rgb(38,84,181) |
hsl(221,65%,43%) |
#224aa0 |
rgb(34,74,160) |
hsl(221,65%,38%) |
#1d408b |
rgb(29,64,139) |
hsl(221,65%,33%) |
#193676 |
rgb(25,54,118) |
hsl(221,65%,28%) |
#152d61 |
rgb(21,45,97) |
hsl(221,65%,23%) |
#10234c |
rgb(16,35,76) |
hsl(221,65%,18%) |
#0c1937 |
rgb(12,25,55) |
hsl(221,65%,13%) |
#071022 |
rgb(7,16,34) |
hsl(221,65%,8%) |
#03060d |
rgb(3,6,13) |
hsl(221,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD1D5 |
rgb(59,209,213) |
hsl(182,65%,53%) |
#3B6BD5 |
rgb(59,107,213) |
hsl(221,65%,53%) |
#713BD5 |
rgb(113,59,213) |
hsl(261,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A1E4 |
rgb(130,161,228) |
hsl(221,64%,70%) |
#5E87DC |
rgb(94,135,220) |
hsl(220,64%,62%) |
#3B6BD5 |
rgb(59,107,213) |
hsl(221,65%,53%) |
#2857BC |
rgb(40,87,188) |
hsl(221,65%,45%) |
#204598 |
rgb(32,69,152) |
hsl(222,65%,36%) |
#183674 |
rgb(24,54,116) |
hsl(220,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B6BD5 |
rgb(59,107,213) |
hsl(221,65%,53%) |
#D5593B |
rgb(213,89,59) |
hsl(12,65%,53%) |
#B8D63B |
rgb(184,214,59) |
hsl(72,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B6BD5 |
rgb(59,107,213) |
hsl(221,65%,53%) |
#D5A63B |
rgb(213,166,59) |
hsl(42,65%,53%) |
#3BB8D5 |
rgb(59,184,213) |
hsl(191,65%,53%) |
#B8D63B |
rgb(184,214,59) |
hsl(72,65%,54%) |