HEX #3A6CCF color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3a6ccf color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(220,61%,97%)
#dee6f7 rgb(222,230,247) hsl(220,61%,92%)
#cad7f2 rgb(202,215,242) hsl(220,61%,87%)
#b5c8ed rgb(181,200,237) hsl(220,61%,82%)
#a1b8e8 rgb(161,184,232) hsl(220,61%,77%)
#8ca9e3 rgb(140,169,227) hsl(220,61%,72%)
#789ade rgb(120,154,222) hsl(220,61%,67%)
#638ad9 rgb(99,138,217) hsl(220,61%,62%)
#4e7bd4 rgb(78,123,212) hsl(220,61%,57%)
#3a6ccf rgb(58,108,207) hsl(220,61%,52%)
#2f5fc1 rgb(47,95,193) hsl(220,61%,47%)
#2a55ac rgb(42,85,172) hsl(220,61%,42%)
#254b98 rgb(37,75,152) hsl(220,61%,37%)
#204183 rgb(32,65,131) hsl(220,61%,32%)
#1b376f rgb(27,55,111) hsl(220,61%,27%)
#162d5a rgb(22,45,90) hsl(220,61%,22%)
#112346 rgb(17,35,70) hsl(220,61%,17%)
#0c1831 rgb(12,24,49) hsl(220,61%,12%)
#070e1d rgb(7,14,29) hsl(220,61%,7%)
#020408 rgb(2,4,8) hsl(220,61%,2%)

Adjacent colors

HEX RGB HSL
#3ACFCE rgb(58,207,206) hsl(180,61%,52%)
#3A6CCF rgb(58,108,207) hsl(220,61%,52%)
#6B3BCF rgb(107,59,207) hsl(259,61%,52%)

Monochromatic colors

HEX RGB HSL
#7E9EDF rgb(126,158,223) hsl(220,60%,68%)
#5C85D7 rgb(92,133,215) hsl(220,61%,60%)
#3A6CCF rgb(58,108,207) hsl(220,61%,52%)
#2B59B2 rgb(43,89,178) hsl(220,61%,43%)
#234790 rgb(35,71,144) hsl(220,61%,35%)
#1B386E rgb(27,56,110) hsl(219,61%,27%)

Triad color palettes

HEX RGB HSL
#3A6CCF rgb(58,108,207) hsl(220,61%,52%)
#CF523A rgb(207,82,58) hsl(10,61%,52%)
#B6CF3A rgb(182,207,58) hsl(70,61%,52%)

Tetrad color palettes

HEX RGB HSL
#3A6CCF rgb(58,108,207) hsl(220,61%,52%)
#CF9E3A rgb(207,158,58) hsl(40,61%,52%)
#3AB8CF rgb(58,184,207) hsl(189,61%,52%)
#B6CF3A rgb(182,207,58) hsl(70,61%,52%)