HEX #3678CC color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3678CC color palette from light to dark

HEX RGB HSL
#eff4fb rgb(239,244,251) hsl(214,60%,96%)
#dae6f6 rgb(218,230,246) hsl(214,60%,91%)
#c6d8f1 rgb(198,216,241) hsl(214,60%,86%)
#b1cbec rgb(177,203,236) hsl(214,60%,81%)
#9dbde7 rgb(157,189,231) hsl(214,60%,76%)
#89afe1 rgb(137,175,225) hsl(214,60%,71%)
#74a1dc rgb(116,161,220) hsl(214,60%,66%)
#6094d7 rgb(96,148,215) hsl(214,60%,61%)
#4b86d2 rgb(75,134,210) hsl(214,60%,56%)
#3778cd rgb(55,120,205) hsl(214,60%,51%)
#2f6cbc rgb(47,108,188) hsl(214,60%,46%)
#2a60a7 rgb(42,96,167) hsl(214,60%,41%)
#255493 rgb(37,84,147) hsl(214,60%,36%)
#20497e rgb(32,73,126) hsl(214,60%,31%)
#1b3d6a rgb(27,61,106) hsl(214,60%,26%)
#153156 rgb(21,49,86) hsl(214,60%,21%)
#102641 rgb(16,38,65) hsl(214,60%,16%)
#0b1a2d rgb(11,26,45) hsl(214,60%,11%)
#060e18 rgb(6,14,24) hsl(214,60%,6%)
#010204 rgb(1,2,4) hsl(214,60%,1%)

Adjacent colors

HEX RGB HSL
#36CCBC rgb(54,204,188) hsl(174,60%,51%)
#3678CC rgb(54,120,204) hsl(214,60%,51%)
#5836CC rgb(88,54,204) hsl(254,60%,51%)

Monochromatic colors

HEX RGB HSL
#77A3DC rgb(119,163,220) hsl(214,59%,66%)
#568FD4 rgb(86,143,212) hsl(213,59%,58%)
#3678CC rgb(54,120,204) hsl(214,60%,51%)
#2B63AC rgb(43,99,172) hsl(214,60%,42%)
#23528B rgb(35,82,139) hsl(213,60%,34%)
#1B3D6B rgb(27,61,107) hsl(215,60%,26%)

Triad color palettes

HEX RGB HSL
#3678CC rgb(54,120,204) hsl(214,60%,51%)
#CC4036 rgb(204,64,54) hsl(4,60%,51%)
#C3CC36 rgb(195,204,54) hsl(64,60%,51%)

Tetrad color palettes

HEX RGB HSL
#3678CC rgb(54,120,204) hsl(214,60%,51%)
#CC8A36 rgb(204,138,54) hsl(34,60%,51%)
#36C2CC rgb(54,194,204) hsl(184,60%,51%)
#C3CC36 rgb(195,204,54) hsl(64,60%,51%)