HEX #3680D3 color — Mariner

The color #3680D3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3680D3 color palette from light to dark

HEX RGB HSL
#f2f7fc rgb(242,247,252) hsl(212,64%,97%)
#deeaf8 rgb(222,234,248) hsl(212,64%,92%)
#c9dcf3 rgb(201,220,243) hsl(212,64%,87%)
#b4cfee rgb(180,207,238) hsl(212,64%,82%)
#9fc2ea rgb(159,194,234) hsl(212,64%,77%)
#8ab5e5 rgb(138,181,229) hsl(212,64%,72%)
#75a7e1 rgb(117,167,225) hsl(212,64%,67%)
#609adc rgb(96,154,220) hsl(212,64%,62%)
#4b8dd8 rgb(75,141,216) hsl(212,64%,57%)
#367fd3 rgb(54,127,211) hsl(212,64%,52%)
#2b73c5 rgb(43,115,197) hsl(212,64%,47%)
#2767b0 rgb(39,103,176) hsl(212,64%,42%)
#225a9b rgb(34,90,155) hsl(212,64%,37%)
#1d4e86 rgb(29,78,134) hsl(212,64%,32%)
#194271 rgb(25,66,113) hsl(212,64%,27%)
#14365c rgb(20,54,92) hsl(212,64%,22%)
#102a47 rgb(16,42,71) hsl(212,64%,17%)
#0b1d32 rgb(11,29,50) hsl(212,64%,12%)
#06111d rgb(6,17,29) hsl(212,64%,7%)
#020508 rgb(2,5,8) hsl(212,64%,2%)

Adjacent colors

HEX RGB HSL
#36D4BD rgb(54,212,189) hsl(171,65%,52%)
#3680D3 rgb(54,128,211) hsl(212,64%,52%)
#5436D3 rgb(84,54,211) hsl(251,64%,52%)

Monochromatic colors

HEX RGB HSL
#7BABE2 rgb(123,171,226) hsl(212,64%,68%)
#5896DA rgb(88,150,218) hsl(211,64%,60%)
#3680D3 rgb(54,128,211) hsl(212,64%,52%)
#276BB6 rgb(39,107,182) hsl(211,65%,43%)
#205793 rgb(32,87,147) hsl(211,64%,35%)
#184271 rgb(24,66,113) hsl(212,65%,27%)

Triad color palettes

HEX RGB HSL
#3680D3 rgb(54,128,211) hsl(212,64%,52%)
#D33B36 rgb(211,59,54) hsl(2,64%,52%)
#CED436 rgb(206,212,54) hsl(62,65%,52%)

Tetrad color palettes

HEX RGB HSL
#3680D3 rgb(54,128,211) hsl(212,64%,52%)
#D38A36 rgb(211,138,54) hsl(32,64%,52%)
#36CFD3 rgb(54,207,211) hsl(182,64%,52%)
#CED436 rgb(206,212,54) hsl(62,65%,52%)