HEX #3A63D2 color — Mariner

The color #3A63D2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)