HEX #3680D8 color — Mariner
The color #3680D8 is a dark shade and moderately saturated.
Palette
3680D8 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafd |
rgb(246,250,253) |
hsl(213,68%,98%) |
#e1ecf9 |
rgb(225,236,249) |
hsl(213,68%,93%) |
#ccdef5 |
rgb(204,222,245) |
hsl(213,68%,88%) |
#b6d1f1 |
rgb(182,209,241) |
hsl(213,68%,83%) |
#a1c3ed |
rgb(161,195,237) |
hsl(213,68%,78%) |
#8bb5e9 |
rgb(139,181,233) |
hsl(213,68%,73%) |
#76a8e5 |
rgb(118,168,229) |
hsl(213,68%,68%) |
#609ae1 |
rgb(96,154,225) |
hsl(213,68%,63%) |
#4b8ddd |
rgb(75,141,221) |
hsl(213,68%,58%) |
#367fd9 |
rgb(54,127,217) |
hsl(213,68%,53%) |
#2772ce |
rgb(39,114,206) |
hsl(213,68%,48%) |
#2366b8 |
rgb(35,102,184) |
hsl(213,68%,43%) |
#1f5aa3 |
rgb(31,90,163) |
hsl(213,68%,38%) |
#1b4e8d |
rgb(27,78,141) |
hsl(213,68%,33%) |
#174378 |
rgb(23,67,120) |
hsl(213,68%,28%) |
#133763 |
rgb(19,55,99) |
hsl(213,68%,23%) |
#0f2b4d |
rgb(15,43,77) |
hsl(213,68%,18%) |
#0b1f38 |
rgb(11,31,56) |
hsl(213,68%,13%) |
#071322 |
rgb(7,19,34) |
hsl(213,68%,8%) |
#02070d |
rgb(2,7,13) |
hsl(213,68%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D9C4 |
rgb(54,217,196) |
hsl(172,68%,53%) |
#3680D8 |
rgb(54,128,216) |
hsl(213,68%,53%) |
#5836D8 |
rgb(88,54,216) |
hsl(253,68%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EADE6 |
rgb(126,173,230) |
hsl(213,68%,70%) |
#5A96DF |
rgb(90,150,223) |
hsl(213,68%,61%) |
#3680D8 |
rgb(54,128,216) |
hsl(213,68%,53%) |
#246BBD |
rgb(36,107,189) |
hsl(212,68%,44%) |
#1D5799 |
rgb(29,87,153) |
hsl(212,68%,36%) |
#164275 |
rgb(22,66,117) |
hsl(212,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680D8 |
rgb(54,128,216) |
hsl(213,68%,53%) |
#D83D36 |
rgb(216,61,54) |
hsl(3,68%,53%) |
#D1D936 |
rgb(209,217,54) |
hsl(63,68%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680D8 |
rgb(54,128,216) |
hsl(213,68%,53%) |
#D88F36 |
rgb(216,143,54) |
hsl(33,68%,53%) |
#36D1D8 |
rgb(54,209,216) |
hsl(183,68%,53%) |
#D1D936 |
rgb(209,217,54) |
hsl(63,68%,53%) |