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