HEX #3B6BCE color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3B6BCE color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(220,60%,97%)
#dee7f7 rgb(222,231,247) hsl(220,60%,92%)
#cad7f2 rgb(202,215,242) hsl(220,60%,87%)
#b6c8ed rgb(182,200,237) hsl(220,60%,82%)
#a1b9e8 rgb(161,185,232) hsl(220,60%,77%)
#8da9e2 rgb(141,169,226) hsl(220,60%,72%)
#789add rgb(120,154,221) hsl(220,60%,67%)
#648bd8 rgb(100,139,216) hsl(220,60%,62%)
#507bd3 rgb(80,123,211) hsl(220,60%,57%)
#3b6cce rgb(59,108,206) hsl(220,60%,52%)
#3060c0 rgb(48,96,192) hsl(220,60%,47%)
#2b56ab rgb(43,86,171) hsl(220,60%,42%)
#264b97 rgb(38,75,151) hsl(220,60%,37%)
#214183 rgb(33,65,131) hsl(220,60%,32%)
#1c376e rgb(28,55,110) hsl(220,60%,27%)
#162d5a rgb(22,45,90) hsl(220,60%,22%)
#112345 rgb(17,35,69) hsl(220,60%,17%)
#0c1831 rgb(12,24,49) hsl(220,60%,12%)
#070e1d rgb(7,14,29) hsl(220,60%,7%)
#020408 rgb(2,4,8) hsl(220,60%,2%)

Adjacent colors

HEX RGB HSL
#3BCCCE rgb(59,204,206) hsl(181,60%,52%)
#3B6BCE rgb(59,107,206) hsl(220,60%,52%)
#6D3BCE rgb(109,59,206) hsl(260,60%,52%)

Monochromatic colors

HEX RGB HSL
#7E9EDE rgb(126,158,222) hsl(220,59%,68%)
#5C85D6 rgb(92,133,214) hsl(220,60%,60%)
#3B6BCE rgb(59,107,206) hsl(220,60%,52%)
#2C59B2 rgb(44,89,178) hsl(220,60%,44%)
#244790 rgb(36,71,144) hsl(221,60%,35%)
#1B366E rgb(27,54,110) hsl(220,61%,27%)

Triad color palettes

HEX RGB HSL
#3B6BCE rgb(59,107,206) hsl(220,60%,52%)
#CE543B rgb(206,84,59) hsl(10,60%,52%)
#B4CF3B rgb(180,207,59) hsl(71,61%,52%)

Tetrad color palettes

HEX RGB HSL
#3B6BCE rgb(59,107,206) hsl(220,60%,52%)
#CE9E3B rgb(206,158,59) hsl(40,60%,52%)
#3BB5CE rgb(59,181,206) hsl(190,60%,52%)
#B4CF3B rgb(180,207,59) hsl(71,61%,52%)