HEX #3A7AD2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A7AD2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(215,63%,98%)
#e2ebf8 rgb(226,235,248) hsl(215,63%,93%)
#cdddf4 rgb(205,221,244) hsl(215,63%,88%)
#b8cfef rgb(184,207,239) hsl(215,63%,83%)
#a4c1ea rgb(164,193,234) hsl(215,63%,78%)
#8fb3e6 rgb(143,179,230) hsl(215,63%,73%)
#7aa5e1 rgb(122,165,225) hsl(215,63%,68%)
#6597dc rgb(101,151,220) hsl(215,63%,63%)
#5089d7 rgb(80,137,215) hsl(215,63%,58%)
#3c7bd3 rgb(60,123,211) hsl(215,63%,53%)
#2d6ec8 rgb(45,110,200) hsl(215,63%,48%)
#2962b3 rgb(41,98,179) hsl(215,63%,43%)
#24579e rgb(36,87,158) hsl(215,63%,38%)
#1f4b89 rgb(31,75,137) hsl(215,63%,33%)
#1a4074 rgb(26,64,116) hsl(215,63%,28%)
#163460 rgb(22,52,96) hsl(215,63%,23%)
#11294b rgb(17,41,75) hsl(215,63%,18%)
#0c1e36 rgb(12,30,54) hsl(215,63%,13%)
#081221 rgb(8,18,33) hsl(215,63%,8%)
#03070c rgb(3,7,12) hsl(215,63%,3%)

Adjacent colors

HEX RGB HSL
#3AD1C4 rgb(58,209,196) hsl(175,62%,52%)
#3A7AD2 rgb(58,122,210) hsl(215,63%,53%)
#5F3BD2 rgb(95,59,210) hsl(254,63%,53%)

Monochromatic colors

HEX RGB HSL
#7FA8E1 rgb(127,168,225) hsl(215,62%,69%)
#5C91D9 rgb(92,145,217) hsl(215,62%,61%)
#3A7AD2 rgb(58,122,210) hsl(215,63%,53%)
#2966B7 rgb(41,102,183) hsl(214,63%,44%)
#215294 rgb(33,82,148) hsl(214,64%,35%)
#194071 rgb(25,64,113) hsl(213,64%,27%)

Triad color palettes

HEX RGB HSL
#3A7AD2 rgb(58,122,210) hsl(215,63%,53%)
#D2453A rgb(210,69,58) hsl(4,63%,53%)
#C6D13A rgb(198,209,58) hsl(64,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A7AD2 rgb(58,122,210) hsl(215,63%,53%)
#D2913A rgb(210,145,58) hsl(34,63%,53%)
#3AC7D2 rgb(58,199,210) hsl(184,63%,53%)
#C6D13A rgb(198,209,58) hsl(64,62%,52%)