HEX #3A7DD2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A7DD2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(214,63%,98%)
#e2ecf8 rgb(226,236,248) hsl(214,63%,93%)
#cddef4 rgb(205,222,244) hsl(214,63%,88%)
#b8d0ef rgb(184,208,239) hsl(214,63%,83%)
#a4c2ea rgb(164,194,234) hsl(214,63%,78%)
#8fb4e6 rgb(143,180,230) hsl(214,63%,73%)
#7aa7e1 rgb(122,167,225) hsl(214,63%,68%)
#6599dc rgb(101,153,220) hsl(214,63%,63%)
#508bd7 rgb(80,139,215) hsl(214,63%,58%)
#3c7dd3 rgb(60,125,211) hsl(214,63%,53%)
#2d70c8 rgb(45,112,200) hsl(214,63%,48%)
#2964b3 rgb(41,100,179) hsl(214,63%,43%)
#24599e rgb(36,89,158) hsl(214,63%,38%)
#1f4d89 rgb(31,77,137) hsl(214,63%,33%)
#1a4174 rgb(26,65,116) hsl(214,63%,28%)
#163660 rgb(22,54,96) hsl(214,63%,23%)
#112a4b rgb(17,42,75) hsl(214,63%,18%)
#0c1e36 rgb(12,30,54) hsl(214,63%,13%)
#081321 rgb(8,19,33) hsl(214,63%,8%)
#03070c rgb(3,7,12) hsl(214,63%,3%)

Adjacent colors

HEX RGB HSL
#3AD1C1 rgb(58,209,193) hsl(174,62%,52%)
#3A7DD2 rgb(58,125,210) hsl(214,63%,53%)
#5C3BD2 rgb(92,59,210) hsl(253,63%,53%)

Monochromatic colors

HEX RGB HSL
#7FABE1 rgb(127,171,225) hsl(213,62%,69%)
#5C94D9 rgb(92,148,217) hsl(213,62%,61%)
#3A7DD2 rgb(58,125,210) hsl(214,63%,53%)
#2969B7 rgb(41,105,183) hsl(213,63%,44%)
#215494 rgb(33,84,148) hsl(213,64%,35%)
#194071 rgb(25,64,113) hsl(213,64%,27%)

Triad color palettes

HEX RGB HSL
#3A7DD2 rgb(58,125,210) hsl(214,63%,53%)
#D2423A rgb(210,66,58) hsl(3,63%,53%)
#C9D13A rgb(201,209,58) hsl(63,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A7DD2 rgb(58,125,210) hsl(214,63%,53%)
#D28F3A rgb(210,143,58) hsl(34,63%,53%)
#3AC9D2 rgb(58,201,210) hsl(184,63%,53%)
#C9D13A rgb(201,209,58) hsl(63,62%,52%)