HEX #3682CC color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3682CC color palette from light to dark

HEX RGB HSL
#eff5fb rgb(239,245,251) hsl(210,60%,96%)
#dae8f6 rgb(218,232,246) hsl(210,60%,91%)
#c6dbf1 rgb(198,219,241) hsl(210,60%,86%)
#b1cfec rgb(177,207,236) hsl(210,60%,81%)
#9dc2e7 rgb(157,194,231) hsl(210,60%,76%)
#89b5e1 rgb(137,181,225) hsl(210,60%,71%)
#74a8dc rgb(116,168,220) hsl(210,60%,66%)
#609cd7 rgb(96,156,215) hsl(210,60%,61%)
#4b8fd2 rgb(75,143,210) hsl(210,60%,56%)
#3782cd rgb(55,130,205) hsl(210,60%,51%)
#2f75bc rgb(47,117,188) hsl(210,60%,46%)
#2a69a7 rgb(42,105,167) hsl(210,60%,41%)
#255c93 rgb(37,92,147) hsl(210,60%,36%)
#204f7e rgb(32,79,126) hsl(210,60%,31%)
#1b426a rgb(27,66,106) hsl(210,60%,26%)
#153656 rgb(21,54,86) hsl(210,60%,21%)
#102941 rgb(16,41,65) hsl(210,60%,16%)
#0b1c2d rgb(11,28,45) hsl(210,60%,11%)
#060f18 rgb(6,15,24) hsl(210,60%,6%)
#010304 rgb(1,3,4) hsl(210,60%,1%)

Adjacent colors

HEX RGB HSL
#36CCB2 rgb(54,204,178) hsl(170,60%,51%)
#3682CC rgb(54,130,204) hsl(210,60%,51%)
#4E36CC rgb(78,54,204) hsl(250,60%,51%)

Monochromatic colors

HEX RGB HSL
#77ABDC rgb(119,171,220) hsl(209,59%,66%)
#5696D4 rgb(86,150,212) hsl(210,59%,58%)
#3682CC rgb(54,130,204) hsl(210,60%,51%)
#2B6EAC rgb(43,110,172) hsl(209,60%,42%)
#23598B rgb(35,89,139) hsl(209,60%,34%)
#1B456B rgb(27,69,107) hsl(209,60%,26%)

Triad color palettes

HEX RGB HSL
#3682CC rgb(54,130,204) hsl(210,60%,51%)
#CC3637 rgb(204,54,55) hsl(360,60%,51%)
#CCCC36 rgb(204,204,54) hsl(60,60%,51%)

Tetrad color palettes

HEX RGB HSL
#3682CC rgb(54,130,204) hsl(210,60%,51%)
#CC8036 rgb(204,128,54) hsl(30,60%,51%)
#36CCCB rgb(54,204,203) hsl(180,60%,51%)
#CCCC36 rgb(204,204,54) hsl(60,60%,51%)