HEX #3A7AD2 color — Mariner
The color #3A7AD2 is a dark shade and moderately saturated.
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%) |