HEX #3A5CD5 color — Mariner
The color #3A5CD5 is a dark shade and moderately saturated.
Palette
3A5CD5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,65%,98%) |
#e2e7f9 |
rgb(226,231,249) |
hsl(227,65%,93%) |
#cdd5f4 |
rgb(205,213,244) |
hsl(227,65%,88%) |
#b7c4f0 |
rgb(183,196,240) |
hsl(227,65%,83%) |
#a2b2eb |
rgb(162,178,235) |
hsl(227,65%,78%) |
#8da1e7 |
rgb(141,161,231) |
hsl(227,65%,73%) |
#788fe2 |
rgb(120,143,226) |
hsl(227,65%,68%) |
#637ede |
rgb(99,126,222) |
hsl(227,65%,63%) |
#4e6cda |
rgb(78,108,218) |
hsl(227,65%,58%) |
#395bd5 |
rgb(57,91,213) |
hsl(227,65%,53%) |
#2b4dca |
rgb(43,77,202) |
hsl(227,65%,48%) |
#2645b5 |
rgb(38,69,181) |
hsl(227,65%,43%) |
#223da0 |
rgb(34,61,160) |
hsl(227,65%,38%) |
#1d358b |
rgb(29,53,139) |
hsl(227,65%,33%) |
#192d76 |
rgb(25,45,118) |
hsl(227,65%,28%) |
#152561 |
rgb(21,37,97) |
hsl(227,65%,23%) |
#101d4c |
rgb(16,29,76) |
hsl(227,65%,18%) |
#0c1537 |
rgb(12,21,55) |
hsl(227,65%,13%) |
#070d22 |
rgb(7,13,34) |
hsl(227,65%,8%) |
#03050d |
rgb(3,5,13) |
hsl(227,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC4D5 |
rgb(58,196,213) |
hsl(187,65%,53%) |
#3A5CD5 |
rgb(58,92,213) |
hsl(227,65%,53%) |
#7F3BD5 |
rgb(127,59,213) |
hsl(266,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8196E4 |
rgb(129,150,228) |
hsl(227,65%,70%) |
#5D7ADC |
rgb(93,122,220) |
hsl(226,64%,61%) |
#3A5CD5 |
rgb(58,92,213) |
hsl(227,65%,53%) |
#2847BB |
rgb(40,71,187) |
hsl(227,65%,45%) |
#203B97 |
rgb(32,59,151) |
hsl(226,65%,36%) |
#182E74 |
rgb(24,46,116) |
hsl(226,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CD5 |
rgb(58,92,213) |
hsl(227,65%,53%) |
#D5663A |
rgb(213,102,58) |
hsl(17,65%,53%) |
#A9D63A |
rgb(169,214,58) |
hsl(77,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CD5 |
rgb(58,92,213) |
hsl(227,65%,53%) |
#D5B33A |
rgb(213,179,58) |
hsl(47,65%,53%) |
#3AA8D5 |
rgb(58,168,213) |
hsl(197,65%,53%) |
#A9D63A |
rgb(169,214,58) |
hsl(77,66%,53%) |