HEX #3A69D5 color — Mariner
The color #3A69D5 is a dark shade and moderately saturated.
Palette
3A69D5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,65%,98%) |
#e2e9f9 |
rgb(226,233,249) |
hsl(222,65%,93%) |
#cdd8f4 |
rgb(205,216,244) |
hsl(222,65%,88%) |
#b7c8f0 |
rgb(183,200,240) |
hsl(222,65%,83%) |
#a2b8eb |
rgb(162,184,235) |
hsl(222,65%,78%) |
#8da8e7 |
rgb(141,168,231) |
hsl(222,65%,73%) |
#7898e2 |
rgb(120,152,226) |
hsl(222,65%,68%) |
#6388de |
rgb(99,136,222) |
hsl(222,65%,63%) |
#4e78da |
rgb(78,120,218) |
hsl(222,65%,58%) |
#3968d5 |
rgb(57,104,213) |
hsl(222,65%,53%) |
#2b5bca |
rgb(43,91,202) |
hsl(222,65%,48%) |
#2651b5 |
rgb(38,81,181) |
hsl(222,65%,43%) |
#2248a0 |
rgb(34,72,160) |
hsl(222,65%,38%) |
#1d3e8b |
rgb(29,62,139) |
hsl(222,65%,33%) |
#193576 |
rgb(25,53,118) |
hsl(222,65%,28%) |
#152b61 |
rgb(21,43,97) |
hsl(222,65%,23%) |
#10224c |
rgb(16,34,76) |
hsl(222,65%,18%) |
#0c1937 |
rgb(12,25,55) |
hsl(222,65%,13%) |
#070f22 |
rgb(7,15,34) |
hsl(222,65%,8%) |
#03060d |
rgb(3,6,13) |
hsl(222,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1D5 |
rgb(58,209,213) |
hsl(182,65%,53%) |
#3A69D5 |
rgb(58,105,213) |
hsl(222,65%,53%) |
#723BD5 |
rgb(114,59,213) |
hsl(261,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81A1E4 |
rgb(129,161,228) |
hsl(221,65%,70%) |
#5D85DC |
rgb(93,133,220) |
hsl(221,64%,61%) |
#3A69D5 |
rgb(58,105,213) |
hsl(222,65%,53%) |
#2854BB |
rgb(40,84,187) |
hsl(222,65%,45%) |
#204597 |
rgb(32,69,151) |
hsl(221,65%,36%) |
#183674 |
rgb(24,54,116) |
hsl(220,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A69D5 |
rgb(58,105,213) |
hsl(222,65%,53%) |
#D5593A |
rgb(213,89,58) |
hsl(12,65%,53%) |
#B6D63A |
rgb(182,214,58) |
hsl(72,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A69D5 |
rgb(58,105,213) |
hsl(222,65%,53%) |
#D5A63A |
rgb(213,166,58) |
hsl(42,65%,53%) |
#3AB8D5 |
rgb(58,184,213) |
hsl(191,65%,53%) |
#B6D63A |
rgb(182,214,58) |
hsl(72,66%,53%) |