HEX #3A6BCD color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A6BCD 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
#3ACCCD rgb(58,204,205) hsl(180,60%,52%)
#3A6BCD rgb(58,107,205) hsl(220,60%,52%)
#6B3BCD rgb(107,59,205) hsl(260,59%,52%)

Monochromatic colors

HEX RGB HSL
#7D9EDE rgb(125,158,222) hsl(220,60%,68%)
#5B85D5 rgb(91,133,213) hsl(219,59%,60%)
#3A6BCD rgb(58,107,205) hsl(220,60%,52%)
#2C59B0 rgb(44,89,176) hsl(220,60%,43%)
#24478E rgb(36,71,142) hsl(220,60%,35%)
#1B366D rgb(27,54,109) hsl(220,60%,27%)

Triad color palettes

HEX RGB HSL
#3A6BCD rgb(58,107,205) hsl(220,60%,52%)
#CD523A rgb(205,82,58) hsl(10,60%,52%)
#B4CC3A rgb(180,204,58) hsl(70,59%,51%)

Tetrad color palettes

HEX RGB HSL
#3A6BCD rgb(58,107,205) hsl(220,60%,52%)
#CD9C3A rgb(205,156,58) hsl(40,60%,52%)
#3AB5CD rgb(58,181,205) hsl(190,60%,52%)
#B4CC3A rgb(180,204,58) hsl(70,59%,51%)