HEX #3A78CE color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A78CE color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(215,60%,97%)
#dee9f7 rgb(222,233,247) hsl(215,60%,92%)
#cadbf2 rgb(202,219,242) hsl(215,60%,87%)
#b6cded rgb(182,205,237) hsl(215,60%,82%)
#a1bee8 rgb(161,190,232) hsl(215,60%,77%)
#8db0e2 rgb(141,176,226) hsl(215,60%,72%)
#78a2dd rgb(120,162,221) hsl(215,60%,67%)
#6494d8 rgb(100,148,216) hsl(215,60%,62%)
#5086d3 rgb(80,134,211) hsl(215,60%,57%)
#3b78ce rgb(59,120,206) hsl(215,60%,52%)
#306cc0 rgb(48,108,192) hsl(215,60%,47%)
#2b60ab rgb(43,96,171) hsl(215,60%,42%)
#265597 rgb(38,85,151) hsl(215,60%,37%)
#214983 rgb(33,73,131) hsl(215,60%,32%)
#1c3e6e rgb(28,62,110) hsl(215,60%,27%)
#16325a rgb(22,50,90) hsl(215,60%,22%)
#112745 rgb(17,39,69) hsl(215,60%,17%)
#0c1c31 rgb(12,28,49) hsl(215,60%,12%)
#07101d rgb(7,16,29) hsl(215,60%,7%)
#020508 rgb(2,5,8) hsl(215,60%,2%)

Adjacent colors

HEX RGB HSL
#3ACFC1 rgb(58,207,193) hsl(174,61%,52%)
#3A78CE rgb(58,120,206) hsl(215,60%,52%)
#5E3BCE rgb(94,59,206) hsl(254,60%,52%)

Monochromatic colors

HEX RGB HSL
#7DA6DE rgb(125,166,222) hsl(215,60%,68%)
#5B8FD6 rgb(91,143,214) hsl(215,60%,60%)
#3A78CE rgb(58,120,206) hsl(215,60%,52%)
#2C63B1 rgb(44,99,177) hsl(215,60%,43%)
#23528F rgb(35,82,143) hsl(214,61%,35%)
#1B3D6D rgb(27,61,109) hsl(215,60%,27%)

Triad color palettes

HEX RGB HSL
#3A78CE rgb(58,120,206) hsl(215,60%,52%)
#CE453A rgb(206,69,58) hsl(4,60%,52%)
#C2CF3A rgb(194,207,58) hsl(65,61%,52%)

Tetrad color palettes

HEX RGB HSL
#3A78CE rgb(58,120,206) hsl(215,60%,52%)
#CE8F3A rgb(206,143,58) hsl(34,60%,52%)
#3AC2CE rgb(58,194,206) hsl(185,60%,52%)
#C2CF3A rgb(194,207,58) hsl(65,61%,52%)