HEX #3A82D5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A82D5 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(212,65%,98%)
#e2ecf9 rgb(226,236,249) hsl(212,65%,93%)
#cddff4 rgb(205,223,244) hsl(212,65%,88%)
#b7d2f0 rgb(183,210,240) hsl(212,65%,83%)
#a2c4eb rgb(162,196,235) hsl(212,65%,78%)
#8db7e7 rgb(141,183,231) hsl(212,65%,73%)
#78aae2 rgb(120,170,226) hsl(212,65%,68%)
#639dde rgb(99,157,222) hsl(212,65%,63%)
#4e8fda rgb(78,143,218) hsl(212,65%,58%)
#3982d5 rgb(57,130,213) hsl(212,65%,53%)
#2b75ca rgb(43,117,202) hsl(212,65%,48%)
#2669b5 rgb(38,105,181) hsl(212,65%,43%)
#225da0 rgb(34,93,160) hsl(212,65%,38%)
#1d518b rgb(29,81,139) hsl(212,65%,33%)
#194476 rgb(25,68,118) hsl(212,65%,28%)
#153861 rgb(21,56,97) hsl(212,65%,23%)
#102c4c rgb(16,44,76) hsl(212,65%,18%)
#0c2037 rgb(12,32,55) hsl(212,65%,13%)
#071422 rgb(7,20,34) hsl(212,65%,8%)
#03070d rgb(3,7,13) hsl(212,65%,3%)

Adjacent colors

HEX RGB HSL
#3AD6C0 rgb(58,214,192) hsl(172,66%,53%)
#3A82D5 rgb(58,130,213) hsl(212,65%,53%)
#593BD5 rgb(89,59,213) hsl(252,65%,53%)

Monochromatic colors

HEX RGB HSL
#81B0E4 rgb(129,176,228) hsl(212,65%,70%)
#5D99DC rgb(93,153,220) hsl(212,64%,61%)
#3A82D5 rgb(58,130,213) hsl(212,65%,53%)
#286EBB rgb(40,110,187) hsl(211,65%,45%)
#205797 rgb(32,87,151) hsl(212,65%,36%)
#184274 rgb(24,66,116) hsl(213,66%,27%)

Triad color palettes

HEX RGB HSL
#3A82D5 rgb(58,130,213) hsl(212,65%,53%)
#D5403A rgb(213,64,58) hsl(2,65%,53%)
#CFD63A rgb(207,214,58) hsl(63,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3A82D5 rgb(58,130,213) hsl(212,65%,53%)
#D58C3A rgb(213,140,58) hsl(32,65%,53%)
#3ACFD5 rgb(58,207,213) hsl(182,65%,53%)
#CFD63A rgb(207,214,58) hsl(63,66%,53%)