HEX #3A82D5 color — Mariner
The color #3A82D5 is a dark shade and moderately saturated.
Palette
3A82D5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(212,65%,98%) |
#e2ecf9 |
rgb(226,236,249) |
hsl(212,65%,93%) |
#cddff4 |
rgb(205,223,244) |
hsl(212,65%,88%) |
#b7d2f0 |
rgb(183,210,240) |
hsl(212,65%,83%) |
#a2c4eb |
rgb(162,196,235) |
hsl(212,65%,78%) |
#8db7e7 |
rgb(141,183,231) |
hsl(212,65%,73%) |
#78aae2 |
rgb(120,170,226) |
hsl(212,65%,68%) |
#639dde |
rgb(99,157,222) |
hsl(212,65%,63%) |
#4e8fda |
rgb(78,143,218) |
hsl(212,65%,58%) |
#3982d5 |
rgb(57,130,213) |
hsl(212,65%,53%) |
#2b75ca |
rgb(43,117,202) |
hsl(212,65%,48%) |
#2669b5 |
rgb(38,105,181) |
hsl(212,65%,43%) |
#225da0 |
rgb(34,93,160) |
hsl(212,65%,38%) |
#1d518b |
rgb(29,81,139) |
hsl(212,65%,33%) |
#194476 |
rgb(25,68,118) |
hsl(212,65%,28%) |
#153861 |
rgb(21,56,97) |
hsl(212,65%,23%) |
#102c4c |
rgb(16,44,76) |
hsl(212,65%,18%) |
#0c2037 |
rgb(12,32,55) |
hsl(212,65%,13%) |
#071422 |
rgb(7,20,34) |
hsl(212,65%,8%) |
#03070d |
rgb(3,7,13) |
hsl(212,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6C0 |
rgb(58,214,192) |
hsl(172,66%,53%) |
#3A82D5 |
rgb(58,130,213) |
hsl(212,65%,53%) |
#593BD5 |
rgb(89,59,213) |
hsl(252,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81B0E4 |
rgb(129,176,228) |
hsl(212,65%,70%) |
#5D99DC |
rgb(93,153,220) |
hsl(212,64%,61%) |
#3A82D5 |
rgb(58,130,213) |
hsl(212,65%,53%) |
#286EBB |
rgb(40,110,187) |
hsl(211,65%,45%) |
#205797 |
rgb(32,87,151) |
hsl(212,65%,36%) |
#184274 |
rgb(24,66,116) |
hsl(213,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A82D5 |
rgb(58,130,213) |
hsl(212,65%,53%) |
#D5403A |
rgb(213,64,58) |
hsl(2,65%,53%) |
#CFD63A |
rgb(207,214,58) |
hsl(63,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A82D5 |
rgb(58,130,213) |
hsl(212,65%,53%) |
#D58C3A |
rgb(213,140,58) |
hsl(32,65%,53%) |
#3ACFD5 |
rgb(58,207,213) |
hsl(182,65%,53%) |
#CFD63A |
rgb(207,214,58) |
hsl(63,66%,53%) |