HEX #3682D3 color — Mariner
The color #3682d3 is a dark shade and moderately saturated.
Palette
3682d3 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(211,64%,97%) |
#deeaf8 |
rgb(222,234,248) |
hsl(211,64%,92%) |
#c9ddf3 |
rgb(201,221,243) |
hsl(211,64%,87%) |
#b4d0ee |
rgb(180,208,238) |
hsl(211,64%,82%) |
#9fc3ea |
rgb(159,195,234) |
hsl(211,64%,77%) |
#8ab6e5 |
rgb(138,182,229) |
hsl(211,64%,72%) |
#75a9e1 |
rgb(117,169,225) |
hsl(211,64%,67%) |
#609cdc |
rgb(96,156,220) |
hsl(211,64%,62%) |
#4b8fd8 |
rgb(75,143,216) |
hsl(211,64%,57%) |
#3682d3 |
rgb(54,130,211) |
hsl(211,64%,52%) |
#2b75c5 |
rgb(43,117,197) |
hsl(211,64%,47%) |
#2769b0 |
rgb(39,105,176) |
hsl(211,64%,42%) |
#225c9b |
rgb(34,92,155) |
hsl(211,64%,37%) |
#1d5086 |
rgb(29,80,134) |
hsl(211,64%,32%) |
#194371 |
rgb(25,67,113) |
hsl(211,64%,27%) |
#14375c |
rgb(20,55,92) |
hsl(211,64%,22%) |
#102a47 |
rgb(16,42,71) |
hsl(211,64%,17%) |
#0b1e32 |
rgb(11,30,50) |
hsl(211,64%,12%) |
#06111d |
rgb(6,17,29) |
hsl(211,64%,7%) |
#020508 |
rgb(2,5,8) |
hsl(211,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D4BB |
rgb(54,212,187) |
hsl(171,65%,52%) |
#3682D3 |
rgb(54,130,211) |
hsl(211,64%,52%) |
#5236D3 |
rgb(82,54,211) |
hsl(251,64%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BADE2 |
rgb(123,173,226) |
hsl(211,64%,68%) |
#5896DA |
rgb(88,150,218) |
hsl(211,64%,60%) |
#3682D3 |
rgb(54,130,211) |
hsl(211,64%,52%) |
#276EB6 |
rgb(39,110,182) |
hsl(210,65%,43%) |
#205993 |
rgb(32,89,147) |
hsl(210,64%,35%) |
#184271 |
rgb(24,66,113) |
hsl(212,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3682D3 |
rgb(54,130,211) |
hsl(211,64%,52%) |
#D33836 |
rgb(211,56,54) |
hsl(1,64%,52%) |
#D0D436 |
rgb(208,212,54) |
hsl(62,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3682D3 |
rgb(54,130,211) |
hsl(211,64%,52%) |
#D38736 |
rgb(211,135,54) |
hsl(31,64%,52%) |
#36D1D3 |
rgb(54,209,211) |
hsl(181,64%,52%) |
#D0D436 |
rgb(208,212,54) |
hsl(62,65%,52%) |