HEX #3678D6 color — Mariner

The color #3678D6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3678D6 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(215,66%,98%)
#e1ebf9 rgb(225,235,249) hsl(215,66%,93%)
#ccddf5 rgb(204,221,245) hsl(215,66%,88%)
#b7cff0 rgb(183,207,240) hsl(215,66%,83%)
#a2c1ec rgb(162,193,236) hsl(215,66%,78%)
#8db3e8 rgb(141,179,232) hsl(215,66%,73%)
#78a4e3 rgb(120,164,227) hsl(215,66%,68%)
#6296df rgb(98,150,223) hsl(215,66%,63%)
#4d88db rgb(77,136,219) hsl(215,66%,58%)
#387ad6 rgb(56,122,214) hsl(215,66%,53%)
#2a6dcb rgb(42,109,203) hsl(215,66%,48%)
#2562b6 rgb(37,98,182) hsl(215,66%,43%)
#2156a1 rgb(33,86,161) hsl(215,66%,38%)
#1d4b8c rgb(29,75,140) hsl(215,66%,33%)
#184077 rgb(24,64,119) hsl(215,66%,28%)
#143461 rgb(20,52,97) hsl(215,66%,23%)
#10294c rgb(16,41,76) hsl(215,66%,18%)
#0b1e37 rgb(11,30,55) hsl(215,66%,13%)
#071222 rgb(7,18,34) hsl(215,66%,8%)
#03070d rgb(3,7,13) hsl(215,66%,3%)

Adjacent colors

HEX RGB HSL
#36D6C9 rgb(54,214,201) hsl(175,66%,53%)
#3678D6 rgb(54,120,214) hsl(215,66%,53%)
#5E36D6 rgb(94,54,214) hsl(255,66%,53%)

Monochromatic colors

HEX RGB HSL
#7DA8E4 rgb(125,168,228) hsl(215,66%,69%)
#598FDD rgb(89,143,221) hsl(215,66%,61%)
#3678D6 rgb(54,120,214) hsl(215,66%,53%)
#2663BA rgb(38,99,186) hsl(215,66%,44%)
#1E5297 rgb(30,82,151) hsl(214,67%,35%)
#173D73 rgb(23,61,115) hsl(215,67%,27%)

Triad color palettes

HEX RGB HSL
#3678D6 rgb(54,120,214) hsl(215,66%,53%)
#D64536 rgb(214,69,54) hsl(6,66%,53%)
#C8D636 rgb(200,214,54) hsl(65,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3678D6 rgb(54,120,214) hsl(215,66%,53%)
#D69436 rgb(214,148,54) hsl(35,66%,53%)
#36C7D6 rgb(54,199,214) hsl(186,66%,53%)
#C8D636 rgb(200,214,54) hsl(65,66%,53%)