HEX #3B80D4 color — Mariner

The color #3B80D4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)