HEX #3B6ED5 color — Mariner

The color #3B6ED5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3B6ED5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(220,65%,98%)
#e2e9f9 rgb(226,233,249) hsl(220,65%,93%)
#cddaf4 rgb(205,218,244) hsl(220,65%,88%)
#b7caf0 rgb(183,202,240) hsl(220,65%,83%)
#a2bbeb rgb(162,187,235) hsl(220,65%,78%)
#8dabe7 rgb(141,171,231) hsl(220,65%,73%)
#789ce2 rgb(120,156,226) hsl(220,65%,68%)
#638cde rgb(99,140,222) hsl(220,65%,63%)
#4e7dda rgb(78,125,218) hsl(220,65%,58%)
#396dd5 rgb(57,109,213) hsl(220,65%,53%)
#2b60ca rgb(43,96,202) hsl(220,65%,48%)
#2656b5 rgb(38,86,181) hsl(220,65%,43%)
#224ca0 rgb(34,76,160) hsl(220,65%,38%)
#1d428b rgb(29,66,139) hsl(220,65%,33%)
#193876 rgb(25,56,118) hsl(220,65%,28%)
#152e61 rgb(21,46,97) hsl(220,65%,23%)
#10244c rgb(16,36,76) hsl(220,65%,18%)
#0c1a37 rgb(12,26,55) hsl(220,65%,13%)
#071022 rgb(7,16,34) hsl(220,65%,8%)
#03060d rgb(3,6,13) hsl(220,65%,3%)

Adjacent colors

HEX RGB HSL
#3BD4D5 rgb(59,212,213) hsl(180,65%,53%)
#3B6ED5 rgb(59,110,213) hsl(220,65%,53%)
#6E3BD5 rgb(110,59,213) hsl(260,65%,53%)

Monochromatic colors

HEX RGB HSL
#82A3E4 rgb(130,163,228) hsl(220,64%,70%)
#5E8ADC rgb(94,138,220) hsl(219,64%,62%)
#3B6ED5 rgb(59,110,213) hsl(220,65%,53%)
#2859BC rgb(40,89,188) hsl(220,65%,45%)
#204798 rgb(32,71,152) hsl(221,65%,36%)
#183874 rgb(24,56,116) hsl(219,66%,27%)

Triad color palettes

HEX RGB HSL
#3B6ED5 rgb(59,110,213) hsl(220,65%,53%)
#D5543B rgb(213,84,59) hsl(10,65%,53%)
#BBD63B rgb(187,214,59) hsl(70,65%,54%)

Tetrad color palettes

HEX RGB HSL
#3B6ED5 rgb(59,110,213) hsl(220,65%,53%)
#D5A33B rgb(213,163,59) hsl(41,65%,53%)
#3BBAD5 rgb(59,186,213) hsl(191,65%,53%)
#BBD63B rgb(187,214,59) hsl(70,65%,54%)