HEX #3A80D6 color — Mariner
The color #3A80D6 is a dark shade and moderately saturated.
Palette
3A80D6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,66%,98%) |
#e1ecf9 |
rgb(225,236,249) |
hsl(213,66%,93%) |
#ccdef5 |
rgb(204,222,245) |
hsl(213,66%,88%) |
#b7d1f0 |
rgb(183,209,240) |
hsl(213,66%,83%) |
#a2c3ec |
rgb(162,195,236) |
hsl(213,66%,78%) |
#8db6e8 |
rgb(141,182,232) |
hsl(213,66%,73%) |
#78a8e3 |
rgb(120,168,227) |
hsl(213,66%,68%) |
#629adf |
rgb(98,154,223) |
hsl(213,66%,63%) |
#4d8ddb |
rgb(77,141,219) |
hsl(213,66%,58%) |
#387fd6 |
rgb(56,127,214) |
hsl(213,66%,53%) |
#2a72cb |
rgb(42,114,203) |
hsl(213,66%,48%) |
#2566b6 |
rgb(37,102,182) |
hsl(213,66%,43%) |
#215ba1 |
rgb(33,91,161) |
hsl(213,66%,38%) |
#1d4f8c |
rgb(29,79,140) |
hsl(213,66%,33%) |
#184377 |
rgb(24,67,119) |
hsl(213,66%,28%) |
#143761 |
rgb(20,55,97) |
hsl(213,66%,23%) |
#102b4c |
rgb(16,43,76) |
hsl(213,66%,18%) |
#0b1f37 |
rgb(11,31,55) |
hsl(213,66%,13%) |
#071322 |
rgb(7,19,34) |
hsl(213,66%,8%) |
#03070d |
rgb(3,7,13) |
hsl(213,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6C4 |
rgb(58,214,196) |
hsl(173,66%,53%) |
#3A80D6 |
rgb(58,128,214) |
hsl(213,66%,53%) |
#5C3BD6 |
rgb(92,59,214) |
hsl(253,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82ADE4 |
rgb(130,173,228) |
hsl(214,64%,70%) |
#5E96DD |
rgb(94,150,221) |
hsl(214,65%,62%) |
#3A80D6 |
rgb(58,128,214) |
hsl(213,66%,53%) |
#276BBD |
rgb(39,107,189) |
hsl(213,66%,45%) |
#1F5799 |
rgb(31,87,153) |
hsl(212,66%,36%) |
#184275 |
rgb(24,66,117) |
hsl(213,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80D6 |
rgb(58,128,214) |
hsl(213,66%,53%) |
#D6423A |
rgb(214,66,58) |
hsl(3,66%,53%) |
#CED63A |
rgb(206,214,58) |
hsl(63,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80D6 |
rgb(58,128,214) |
hsl(213,66%,53%) |
#D68F3A |
rgb(214,143,58) |
hsl(33,66%,53%) |
#3ACFD6 |
rgb(58,207,214) |
hsl(183,66%,53%) |
#CED63A |
rgb(206,214,58) |
hsl(63,66%,53%) |