HEX #3A54D4 color — Mariner
The color #3a54d4 is a dark shade and moderately saturated.
Palette
3a54d4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,64%,98%) |
#e2e6f9 |
rgb(226,230,249) |
hsl(230,64%,93%) |
#cdd3f4 |
rgb(205,211,244) |
hsl(230,64%,88%) |
#b8c1ef |
rgb(184,193,239) |
hsl(230,64%,83%) |
#a3afeb |
rgb(163,175,235) |
hsl(230,64%,78%) |
#8e9de6 |
rgb(142,157,230) |
hsl(230,64%,73%) |
#798be2 |
rgb(121,139,226) |
hsl(230,64%,68%) |
#6478dd |
rgb(100,120,221) |
hsl(230,64%,63%) |
#4f66d8 |
rgb(79,102,216) |
hsl(230,64%,58%) |
#3a54d4 |
rgb(58,84,212) |
hsl(230,64%,53%) |
#2c46c9 |
rgb(44,70,201) |
hsl(230,64%,48%) |
#273fb4 |
rgb(39,63,180) |
hsl(230,64%,43%) |
#23389f |
rgb(35,56,159) |
hsl(230,64%,38%) |
#1e308a |
rgb(30,48,138) |
hsl(230,64%,33%) |
#1a2975 |
rgb(26,41,117) |
hsl(230,64%,28%) |
#152260 |
rgb(21,34,96) |
hsl(230,64%,23%) |
#111a4b |
rgb(17,26,75) |
hsl(230,64%,18%) |
#0c1336 |
rgb(12,19,54) |
hsl(230,64%,13%) |
#070c21 |
rgb(7,12,33) |
hsl(230,64%,8%) |
#03040d |
rgb(3,4,13) |
hsl(230,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABAD4 |
rgb(58,186,212) |
hsl(190,64%,53%) |
#3A54D4 |
rgb(58,84,212) |
hsl(230,64%,53%) |
#863BD4 |
rgb(134,59,212) |
hsl(269,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8091E3 |
rgb(128,145,227) |
hsl(230,64%,70%) |
#5D73DB |
rgb(93,115,219) |
hsl(230,64%,61%) |
#3A54D4 |
rgb(58,84,212) |
hsl(230,64%,53%) |
#2842BA |
rgb(40,66,186) |
hsl(229,65%,44%) |
#203696 |
rgb(32,54,150) |
hsl(229,65%,36%) |
#192973 |
rgb(25,41,115) |
hsl(229,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54D4 |
rgb(58,84,212) |
hsl(230,64%,53%) |
#D46E3A |
rgb(212,110,58) |
hsl(20,64%,53%) |
#A1D43A |
rgb(161,212,58) |
hsl(80,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54D4 |
rgb(58,84,212) |
hsl(230,64%,53%) |
#D4BA3A |
rgb(212,186,58) |
hsl(50,64%,53%) |
#3AA1D4 |
rgb(58,161,212) |
hsl(200,64%,53%) |
#A1D43A |
rgb(161,212,58) |
hsl(80,64%,53%) |