HEX #3A63D2 color — Mariner
The color #3A63D2 is a dark shade and moderately saturated.
Palette
3A63D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(224,63%,98%) |
#e2e8f8 |
rgb(226,232,248) |
hsl(224,63%,93%) |
#cdd7f4 |
rgb(205,215,244) |
hsl(224,63%,88%) |
#b8c7ef |
rgb(184,199,239) |
hsl(224,63%,83%) |
#a4b6ea |
rgb(164,182,234) |
hsl(224,63%,78%) |
#8fa6e6 |
rgb(143,166,230) |
hsl(224,63%,73%) |
#7a95e1 |
rgb(122,149,225) |
hsl(224,63%,68%) |
#6585dc |
rgb(101,133,220) |
hsl(224,63%,63%) |
#5074d7 |
rgb(80,116,215) |
hsl(224,63%,58%) |
#3c64d3 |
rgb(60,100,211) |
hsl(224,63%,53%) |
#2d56c8 |
rgb(45,86,200) |
hsl(224,63%,48%) |
#294db3 |
rgb(41,77,179) |
hsl(224,63%,43%) |
#24449e |
rgb(36,68,158) |
hsl(224,63%,38%) |
#1f3b89 |
rgb(31,59,137) |
hsl(224,63%,33%) |
#1a3274 |
rgb(26,50,116) |
hsl(224,63%,28%) |
#162960 |
rgb(22,41,96) |
hsl(224,63%,23%) |
#11204b |
rgb(17,32,75) |
hsl(224,63%,18%) |
#0c1736 |
rgb(12,23,54) |
hsl(224,63%,13%) |
#080e21 |
rgb(8,14,33) |
hsl(224,63%,8%) |
#03050c |
rgb(3,5,12) |
hsl(224,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC9D2 |
rgb(58,201,210) |
hsl(184,63%,53%) |
#3A63D2 |
rgb(58,99,210) |
hsl(224,63%,53%) |
#763BD2 |
rgb(118,59,210) |
hsl(263,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F9CE1 |
rgb(127,156,225) |
hsl(222,62%,69%) |
#5C80D9 |
rgb(92,128,217) |
hsl(223,62%,61%) |
#3A63D2 |
rgb(58,99,210) |
hsl(224,63%,53%) |
#294FB7 |
rgb(41,79,183) |
hsl(224,63%,44%) |
#214094 |
rgb(33,64,148) |
hsl(224,64%,35%) |
#193071 |
rgb(25,48,113) |
hsl(224,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63D2 |
rgb(58,99,210) |
hsl(224,63%,53%) |
#D25C3A |
rgb(210,92,58) |
hsl(13,63%,53%) |
#AFD13A |
rgb(175,209,58) |
hsl(74,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63D2 |
rgb(58,99,210) |
hsl(224,63%,53%) |
#D2A83A |
rgb(210,168,58) |
hsl(43,63%,53%) |
#3AB0D2 |
rgb(58,176,210) |
hsl(193,63%,53%) |
#AFD13A |
rgb(175,209,58) |
hsl(74,62%,52%) |