HEX #3A80D5 color — Mariner
The color #3A80D5 is a dark shade and moderately saturated.
Palette
3A80D5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,65%,98%) |
#e2ecf9 |
rgb(226,236,249) |
hsl(213,65%,93%) |
#cddef4 |
rgb(205,222,244) |
hsl(213,65%,88%) |
#b7d1f0 |
rgb(183,209,240) |
hsl(213,65%,83%) |
#a2c3eb |
rgb(162,195,235) |
hsl(213,65%,78%) |
#8db6e7 |
rgb(141,182,231) |
hsl(213,65%,73%) |
#78a8e2 |
rgb(120,168,226) |
hsl(213,65%,68%) |
#639bde |
rgb(99,155,222) |
hsl(213,65%,63%) |
#4e8dda |
rgb(78,141,218) |
hsl(213,65%,58%) |
#397fd5 |
rgb(57,127,213) |
hsl(213,65%,53%) |
#2b72ca |
rgb(43,114,202) |
hsl(213,65%,48%) |
#2667b5 |
rgb(38,103,181) |
hsl(213,65%,43%) |
#225ba0 |
rgb(34,91,160) |
hsl(213,65%,38%) |
#1d4f8b |
rgb(29,79,139) |
hsl(213,65%,33%) |
#194376 |
rgb(25,67,118) |
hsl(213,65%,28%) |
#153761 |
rgb(21,55,97) |
hsl(213,65%,23%) |
#102b4c |
rgb(16,43,76) |
hsl(213,65%,18%) |
#0c1f37 |
rgb(12,31,55) |
hsl(213,65%,13%) |
#071322 |
rgb(7,19,34) |
hsl(213,65%,8%) |
#03070d |
rgb(3,7,13) |
hsl(213,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6C2 |
rgb(58,214,194) |
hsl(172,66%,53%) |
#3A80D5 |
rgb(58,128,213) |
hsl(213,65%,53%) |
#5B3BD5 |
rgb(91,59,213) |
hsl(252,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81ADE4 |
rgb(129,173,228) |
hsl(213,65%,70%) |
#5D96DC |
rgb(93,150,220) |
hsl(213,64%,61%) |
#3A80D5 |
rgb(58,128,213) |
hsl(213,65%,53%) |
#286BBB |
rgb(40,107,187) |
hsl(213,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 |
#3A80D5 |
rgb(58,128,213) |
hsl(213,65%,53%) |
#D5423A |
rgb(213,66,58) |
hsl(3,65%,53%) |
#CDD63A |
rgb(205,214,58) |
hsl(63,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80D5 |
rgb(58,128,213) |
hsl(213,65%,53%) |
#D58F3A |
rgb(213,143,58) |
hsl(33,65%,53%) |
#3ACFD5 |
rgb(58,207,213) |
hsl(182,65%,53%) |
#CDD63A |
rgb(205,214,58) |
hsl(63,66%,53%) |