HEX #3A54D5 color — Mariner
The color #3A54D5 is a dark shade and moderately saturated.
Palette
3A54D5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,65%,98%) |
#e2e5f9 |
rgb(226,229,249) |
hsl(230,65%,93%) |
#cdd3f4 |
rgb(205,211,244) |
hsl(230,65%,88%) |
#b7c1f0 |
rgb(183,193,240) |
hsl(230,65%,83%) |
#a2afeb |
rgb(162,175,235) |
hsl(230,65%,78%) |
#8d9ce7 |
rgb(141,156,231) |
hsl(230,65%,73%) |
#788ae2 |
rgb(120,138,226) |
hsl(230,65%,68%) |
#6378de |
rgb(99,120,222) |
hsl(230,65%,63%) |
#4e65da |
rgb(78,101,218) |
hsl(230,65%,58%) |
#3953d5 |
rgb(57,83,213) |
hsl(230,65%,53%) |
#2b45ca |
rgb(43,69,202) |
hsl(230,65%,48%) |
#263eb5 |
rgb(38,62,181) |
hsl(230,65%,43%) |
#2237a0 |
rgb(34,55,160) |
hsl(230,65%,38%) |
#1d308b |
rgb(29,48,139) |
hsl(230,65%,33%) |
#192876 |
rgb(25,40,118) |
hsl(230,65%,28%) |
#152161 |
rgb(21,33,97) |
hsl(230,65%,23%) |
#101a4c |
rgb(16,26,76) |
hsl(230,65%,18%) |
#0c1337 |
rgb(12,19,55) |
hsl(230,65%,13%) |
#070c22 |
rgb(7,12,34) |
hsl(230,65%,8%) |
#03040d |
rgb(3,4,13) |
hsl(230,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABAD5 |
rgb(58,186,213) |
hsl(190,65%,53%) |
#3A54D5 |
rgb(58,84,213) |
hsl(230,65%,53%) |
#873BD5 |
rgb(135,59,213) |
hsl(270,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8191E4 |
rgb(129,145,228) |
hsl(230,65%,70%) |
#5D73DC |
rgb(93,115,220) |
hsl(230,64%,61%) |
#3A54D5 |
rgb(58,84,213) |
hsl(230,65%,53%) |
#2840BB |
rgb(40,64,187) |
hsl(230,65%,45%) |
#203697 |
rgb(32,54,151) |
hsl(229,65%,36%) |
#182974 |
rgb(24,41,116) |
hsl(229,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54D5 |
rgb(58,84,213) |
hsl(230,65%,53%) |
#D56E3A |
rgb(213,110,58) |
hsl(20,65%,53%) |
#A1D63A |
rgb(161,214,58) |
hsl(80,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54D5 |
rgb(58,84,213) |
hsl(230,65%,53%) |
#D5BA3A |
rgb(213,186,58) |
hsl(50,65%,53%) |
#3AA1D5 |
rgb(58,161,213) |
hsl(200,65%,53%) |
#A1D63A |
rgb(161,214,58) |
hsl(80,66%,53%) |