HEX #3A5CD6 color — Mariner
The color #3A5CD6 is a dark shade and moderately saturated.
Palette
3A5CD6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,66%,98%) |
#e1e6f9 |
rgb(225,230,249) |
hsl(227,66%,93%) |
#ccd5f5 |
rgb(204,213,245) |
hsl(227,66%,88%) |
#b7c3f0 |
rgb(183,195,240) |
hsl(227,66%,83%) |
#a2b2ec |
rgb(162,178,236) |
hsl(227,66%,78%) |
#8da0e8 |
rgb(141,160,232) |
hsl(227,66%,73%) |
#788fe3 |
rgb(120,143,227) |
hsl(227,66%,68%) |
#627ddf |
rgb(98,125,223) |
hsl(227,66%,63%) |
#4d6cdb |
rgb(77,108,219) |
hsl(227,66%,58%) |
#385ad6 |
rgb(56,90,214) |
hsl(227,66%,53%) |
#2a4dcb |
rgb(42,77,203) |
hsl(227,66%,48%) |
#2545b6 |
rgb(37,69,182) |
hsl(227,66%,43%) |
#213da1 |
rgb(33,61,161) |
hsl(227,66%,38%) |
#1d358c |
rgb(29,53,140) |
hsl(227,66%,33%) |
#182d77 |
rgb(24,45,119) |
hsl(227,66%,28%) |
#142561 |
rgb(20,37,97) |
hsl(227,66%,23%) |
#101d4c |
rgb(16,29,76) |
hsl(227,66%,18%) |
#0b1537 |
rgb(11,21,55) |
hsl(227,66%,13%) |
#070d22 |
rgb(7,13,34) |
hsl(227,66%,8%) |
#03050d |
rgb(3,5,13) |
hsl(227,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC4D6 |
rgb(58,196,214) |
hsl(187,66%,53%) |
#3A5CD6 |
rgb(58,92,214) |
hsl(227,66%,53%) |
#803BD6 |
rgb(128,59,214) |
hsl(267,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8296E4 |
rgb(130,150,228) |
hsl(228,64%,70%) |
#5E7ADD |
rgb(94,122,221) |
hsl(227,65%,62%) |
#3A5CD6 |
rgb(58,92,214) |
hsl(227,66%,53%) |
#2747BD |
rgb(39,71,189) |
hsl(227,66%,45%) |
#1F3B99 |
rgb(31,59,153) |
hsl(226,66%,36%) |
#182B75 |
rgb(24,43,117) |
hsl(228,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CD6 |
rgb(58,92,214) |
hsl(227,66%,53%) |
#D6663A |
rgb(214,102,58) |
hsl(17,66%,53%) |
#AAD63A |
rgb(170,214,58) |
hsl(77,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CD6 |
rgb(58,92,214) |
hsl(227,66%,53%) |
#D6B53A |
rgb(214,181,58) |
hsl(47,66%,53%) |
#3AABD6 |
rgb(58,171,214) |
hsl(197,66%,53%) |
#AAD63A |
rgb(170,214,58) |
hsl(77,66%,53%) |