HEX #3A80D5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A80D5 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(213,65%,98%)
#e2ecf9 rgb(226,236,249) hsl(213,65%,93%)
#cddef4 rgb(205,222,244) hsl(213,65%,88%)
#b7d1f0 rgb(183,209,240) hsl(213,65%,83%)
#a2c3eb rgb(162,195,235) hsl(213,65%,78%)
#8db6e7 rgb(141,182,231) hsl(213,65%,73%)
#78a8e2 rgb(120,168,226) hsl(213,65%,68%)
#639bde rgb(99,155,222) hsl(213,65%,63%)
#4e8dda rgb(78,141,218) hsl(213,65%,58%)
#397fd5 rgb(57,127,213) hsl(213,65%,53%)
#2b72ca rgb(43,114,202) hsl(213,65%,48%)
#2667b5 rgb(38,103,181) hsl(213,65%,43%)
#225ba0 rgb(34,91,160) hsl(213,65%,38%)
#1d4f8b rgb(29,79,139) hsl(213,65%,33%)
#194376 rgb(25,67,118) hsl(213,65%,28%)
#153761 rgb(21,55,97) hsl(213,65%,23%)
#102b4c rgb(16,43,76) hsl(213,65%,18%)
#0c1f37 rgb(12,31,55) hsl(213,65%,13%)
#071322 rgb(7,19,34) hsl(213,65%,8%)
#03070d rgb(3,7,13) hsl(213,65%,3%)

Adjacent colors

HEX RGB HSL
#3AD6C2 rgb(58,214,194) hsl(172,66%,53%)
#3A80D5 rgb(58,128,213) hsl(213,65%,53%)
#5B3BD5 rgb(91,59,213) hsl(252,65%,53%)

Monochromatic colors

HEX RGB HSL
#81ADE4 rgb(129,173,228) hsl(213,65%,70%)
#5D96DC rgb(93,150,220) hsl(213,64%,61%)
#3A80D5 rgb(58,128,213) hsl(213,65%,53%)
#286BBB rgb(40,107,187) hsl(213,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
#3A80D5 rgb(58,128,213) hsl(213,65%,53%)
#D5423A rgb(213,66,58) hsl(3,65%,53%)
#CDD63A rgb(205,214,58) hsl(63,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3A80D5 rgb(58,128,213) hsl(213,65%,53%)
#D58F3A rgb(213,143,58) hsl(33,65%,53%)
#3ACFD5 rgb(58,207,213) hsl(182,65%,53%)
#CDD63A rgb(205,214,58) hsl(63,66%,53%)