HEX #3680D3 color — Mariner
The color #3680D3 is a dark shade and moderately saturated.
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%) |