HEX #3A80D6 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A80D6 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(213,66%,98%)
#e1ecf9 rgb(225,236,249) hsl(213,66%,93%)
#ccdef5 rgb(204,222,245) hsl(213,66%,88%)
#b7d1f0 rgb(183,209,240) hsl(213,66%,83%)
#a2c3ec rgb(162,195,236) hsl(213,66%,78%)
#8db6e8 rgb(141,182,232) hsl(213,66%,73%)
#78a8e3 rgb(120,168,227) hsl(213,66%,68%)
#629adf rgb(98,154,223) hsl(213,66%,63%)
#4d8ddb rgb(77,141,219) hsl(213,66%,58%)
#387fd6 rgb(56,127,214) hsl(213,66%,53%)
#2a72cb rgb(42,114,203) hsl(213,66%,48%)
#2566b6 rgb(37,102,182) hsl(213,66%,43%)
#215ba1 rgb(33,91,161) hsl(213,66%,38%)
#1d4f8c rgb(29,79,140) hsl(213,66%,33%)
#184377 rgb(24,67,119) hsl(213,66%,28%)
#143761 rgb(20,55,97) hsl(213,66%,23%)
#102b4c rgb(16,43,76) hsl(213,66%,18%)
#0b1f37 rgb(11,31,55) hsl(213,66%,13%)
#071322 rgb(7,19,34) hsl(213,66%,8%)
#03070d rgb(3,7,13) hsl(213,66%,3%)

Adjacent colors

HEX RGB HSL
#3AD6C4 rgb(58,214,196) hsl(173,66%,53%)
#3A80D6 rgb(58,128,214) hsl(213,66%,53%)
#5C3BD6 rgb(92,59,214) hsl(253,65%,54%)

Monochromatic colors

HEX RGB HSL
#82ADE4 rgb(130,173,228) hsl(214,64%,70%)
#5E96DD rgb(94,150,221) hsl(214,65%,62%)
#3A80D6 rgb(58,128,214) hsl(213,66%,53%)
#276BBD rgb(39,107,189) hsl(213,66%,45%)
#1F5799 rgb(31,87,153) hsl(212,66%,36%)
#184275 rgb(24,66,117) hsl(213,66%,28%)

Triad color palettes

HEX RGB HSL
#3A80D6 rgb(58,128,214) hsl(213,66%,53%)
#D6423A rgb(214,66,58) hsl(3,66%,53%)
#CED63A rgb(206,214,58) hsl(63,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3A80D6 rgb(58,128,214) hsl(213,66%,53%)
#D68F3A rgb(214,143,58) hsl(33,66%,53%)
#3ACFD6 rgb(58,207,214) hsl(183,66%,53%)
#CED63A rgb(206,214,58) hsl(63,66%,53%)