HEX #3A7AD5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A7AD5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(215,65%,98%)
#e2ebf9 rgb(226,235,249) hsl(215,65%,93%)
#cdddf4 rgb(205,221,244) hsl(215,65%,88%)
#b7cff0 rgb(183,207,240) hsl(215,65%,83%)
#a2c1eb rgb(162,193,235) hsl(215,65%,78%)
#8db3e7 rgb(141,179,231) hsl(215,65%,73%)
#78a5e2 rgb(120,165,226) hsl(215,65%,68%)
#6396de rgb(99,150,222) hsl(215,65%,63%)
#4e88da rgb(78,136,218) hsl(215,65%,58%)
#397ad5 rgb(57,122,213) hsl(215,65%,53%)
#2b6dca rgb(43,109,202) hsl(215,65%,48%)
#2662b5 rgb(38,98,181) hsl(215,65%,43%)
#2256a0 rgb(34,86,160) hsl(215,65%,38%)
#1d4b8b rgb(29,75,139) hsl(215,65%,33%)
#194076 rgb(25,64,118) hsl(215,65%,28%)
#153461 rgb(21,52,97) hsl(215,65%,23%)
#10294c rgb(16,41,76) hsl(215,65%,18%)
#0c1e37 rgb(12,30,55) hsl(215,65%,13%)
#071222 rgb(7,18,34) hsl(215,65%,8%)
#03070d rgb(3,7,13) hsl(215,65%,3%)

Adjacent colors

HEX RGB HSL
#3AD6C8 rgb(58,214,200) hsl(175,66%,53%)
#3A7AD5 rgb(58,122,213) hsl(215,65%,53%)
#613BD5 rgb(97,59,213) hsl(255,65%,53%)

Monochromatic colors

HEX RGB HSL
#81ABE4 rgb(129,171,228) hsl(215,65%,70%)
#5D91DC rgb(93,145,220) hsl(215,64%,61%)
#3A7AD5 rgb(58,122,213) hsl(215,65%,53%)
#2866BB rgb(40,102,187) hsl(215,65%,45%)
#205297 rgb(32,82,151) hsl(215,65%,36%)
#184074 rgb(24,64,116) hsl(214,66%,27%)

Triad color palettes

HEX RGB HSL
#3A7AD5 rgb(58,122,213) hsl(215,65%,53%)
#D5473A rgb(213,71,58) hsl(5,65%,53%)
#C7D63A rgb(199,214,58) hsl(66,66%,53%)

Tetrad color palettes

HEX RGB HSL
#3A7AD5 rgb(58,122,213) hsl(215,65%,53%)
#D5943A rgb(213,148,58) hsl(35,65%,53%)
#3AC7D5 rgb(58,199,213) hsl(185,65%,53%)
#C7D63A rgb(199,214,58) hsl(66,66%,53%)