HEX #3682D5 color — Mariner
The color #3682D5 is a dark shade and moderately saturated.
Palette
3682D5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(211,65%,97%) |
#ddeaf8 |
rgb(221,234,248) |
hsl(211,65%,92%) |
#c8ddf3 |
rgb(200,221,243) |
hsl(211,65%,87%) |
#b3d0ef |
rgb(179,208,239) |
hsl(211,65%,82%) |
#9ec3ea |
rgb(158,195,234) |
hsl(211,65%,77%) |
#89b6e6 |
rgb(137,182,230) |
hsl(211,65%,72%) |
#74a9e2 |
rgb(116,169,226) |
hsl(211,65%,67%) |
#5f9cdd |
rgb(95,156,221) |
hsl(211,65%,62%) |
#4a8fd9 |
rgb(74,143,217) |
hsl(211,65%,57%) |
#3582d4 |
rgb(53,130,212) |
hsl(211,65%,52%) |
#2a75c6 |
rgb(42,117,198) |
hsl(211,65%,47%) |
#2569b1 |
rgb(37,105,177) |
hsl(211,65%,42%) |
#215c9c |
rgb(33,92,156) |
hsl(211,65%,37%) |
#1d5087 |
rgb(29,80,135) |
hsl(211,65%,32%) |
#184372 |
rgb(24,67,114) |
hsl(211,65%,27%) |
#14375d |
rgb(20,55,93) |
hsl(211,65%,22%) |
#0f2a48 |
rgb(15,42,72) |
hsl(211,65%,17%) |
#0b1e32 |
rgb(11,30,50) |
hsl(211,65%,12%) |
#06111d |
rgb(6,17,29) |
hsl(211,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(211,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D6BE |
rgb(54,214,190) |
hsl(171,66%,53%) |
#3682D5 |
rgb(54,130,213) |
hsl(211,65%,52%) |
#5436D5 |
rgb(84,54,213) |
hsl(251,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CADE3 |
rgb(124,173,227) |
hsl(211,65%,69%) |
#5999DC |
rgb(89,153,220) |
hsl(211,65%,61%) |
#3682D5 |
rgb(54,130,213) |
hsl(211,65%,52%) |
#266EB9 |
rgb(38,110,185) |
hsl(211,66%,44%) |
#1F5996 |
rgb(31,89,150) |
hsl(211,66%,35%) |
#184272 |
rgb(24,66,114) |
hsl(212,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3682D5 |
rgb(54,130,213) |
hsl(211,65%,52%) |
#D53B36 |
rgb(213,59,54) |
hsl(2,65%,52%) |
#D1D636 |
rgb(209,214,54) |
hsl(62,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3682D5 |
rgb(54,130,213) |
hsl(211,65%,52%) |
#D58A36 |
rgb(213,138,54) |
hsl(32,65%,52%) |
#36D1D5 |
rgb(54,209,213) |
hsl(182,65%,52%) |
#D1D636 |
rgb(209,214,54) |
hsl(62,66%,53%) |