HEX #3B80D4 color — Mariner
The color #3B80D4 is a dark shade and moderately saturated.
Palette
3B80D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,64%,98%) |
#e2ecf9 |
rgb(226,236,249) |
hsl(213,64%,93%) |
#cddef4 |
rgb(205,222,244) |
hsl(213,64%,88%) |
#b8d1ef |
rgb(184,209,239) |
hsl(213,64%,83%) |
#a3c3eb |
rgb(163,195,235) |
hsl(213,64%,78%) |
#8eb6e6 |
rgb(142,182,230) |
hsl(213,64%,73%) |
#79a8e2 |
rgb(121,168,226) |
hsl(213,64%,68%) |
#649bdd |
rgb(100,155,221) |
hsl(213,64%,63%) |
#4f8dd8 |
rgb(79,141,216) |
hsl(213,64%,58%) |
#3a7fd4 |
rgb(58,127,212) |
hsl(213,64%,53%) |
#2c73c9 |
rgb(44,115,201) |
hsl(213,64%,48%) |
#2767b4 |
rgb(39,103,180) |
hsl(213,64%,43%) |
#235b9f |
rgb(35,91,159) |
hsl(213,64%,38%) |
#1e4f8a |
rgb(30,79,138) |
hsl(213,64%,33%) |
#1a4375 |
rgb(26,67,117) |
hsl(213,64%,28%) |
#153760 |
rgb(21,55,96) |
hsl(213,64%,23%) |
#112b4b |
rgb(17,43,75) |
hsl(213,64%,18%) |
#0c1f36 |
rgb(12,31,54) |
hsl(213,64%,13%) |
#071321 |
rgb(7,19,33) |
hsl(213,64%,8%) |
#03070d |
rgb(3,7,13) |
hsl(213,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD4C2 |
rgb(59,212,194) |
hsl(173,64%,53%) |
#3B80D4 |
rgb(59,128,212) |
hsl(213,64%,53%) |
#5C3BD4 |
rgb(92,59,212) |
hsl(253,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82ADE3 |
rgb(130,173,227) |
hsl(213,63%,70%) |
#5E96DB |
rgb(94,150,219) |
hsl(213,63%,61%) |
#3B80D4 |
rgb(59,128,212) |
hsl(213,64%,53%) |
#286BBA |
rgb(40,107,186) |
hsl(212,65%,44%) |
#215797 |
rgb(33,87,151) |
hsl(213,64%,36%) |
#194273 |
rgb(25,66,115) |
hsl(213,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B80D4 |
rgb(59,128,212) |
hsl(213,64%,53%) |
#D4423B |
rgb(212,66,59) |
hsl(3,64%,53%) |
#CCD43B |
rgb(204,212,59) |
hsl(63,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B80D4 |
rgb(59,128,212) |
hsl(213,64%,53%) |
#D48F3B |
rgb(212,143,59) |
hsl(33,64%,53%) |
#3BCCD4 |
rgb(59,204,212) |
hsl(183,64%,53%) |
#CCD43B |
rgb(204,212,59) |
hsl(63,64%,53%) |