HEX #3A63BA color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3A63BA color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(221,52%,98%)
#e4eaf6 rgb(228,234,246) hsl(221,52%,93%)
#d0dbf0 rgb(208,219,240) hsl(221,52%,88%)
#bdcbea rgb(189,203,234) hsl(221,52%,83%)
#aabce4 rgb(170,188,228) hsl(221,52%,78%)
#96adde rgb(150,173,222) hsl(221,52%,73%)
#839ed8 rgb(131,158,216) hsl(221,52%,68%)
#708fd2 rgb(112,143,210) hsl(221,52%,63%)
#5c7fcc rgb(92,127,204) hsl(221,52%,58%)
#4970c5 rgb(73,112,197) hsl(221,52%,53%)
#3b63ba rgb(59,99,186) hsl(221,52%,48%)
#3559a7 rgb(53,89,167) hsl(221,52%,43%)
#2f4e93 rgb(47,78,147) hsl(221,52%,38%)
#284480 rgb(40,68,128) hsl(221,52%,33%)
#223a6d rgb(34,58,109) hsl(221,52%,28%)
#1c2f59 rgb(28,47,89) hsl(221,52%,23%)
#162546 rgb(22,37,70) hsl(221,52%,18%)
#101b32 rgb(16,27,50) hsl(221,52%,13%)
#0a111f rgb(10,17,31) hsl(221,52%,8%)
#04060c rgb(4,6,12) hsl(221,52%,3%)

Adjacent colors

HEX RGB HSL
#3AB8BA rgb(58,184,186) hsl(181,52%,48%)
#3A63BA rgb(58,99,186) hsl(221,52%,48%)
#663BBA rgb(102,59,186) hsl(260,52%,48%)

Monochromatic colors

HEX RGB HSL
#6F8FD2 rgb(111,143,210) hsl(221,52%,63%)
#5178C9 rgb(81,120,201) hsl(221,53%,55%)
#3A63BA rgb(58,99,186) hsl(221,52%,48%)
#30549C rgb(48,84,156) hsl(220,53%,40%)
#27427E rgb(39,66,126) hsl(221,53%,32%)
#1E3360 rgb(30,51,96) hsl(221,52%,25%)

Triad color palettes

HEX RGB HSL
#3A63BA rgb(58,99,186) hsl(221,52%,48%)
#BA523A rgb(186,82,58) hsl(11,52%,48%)
#A3BA3A rgb(163,186,58) hsl(71,52%,48%)

Tetrad color palettes

HEX RGB HSL
#3A63BA rgb(58,99,186) hsl(221,52%,48%)
#BA913A rgb(186,145,58) hsl(41,52%,48%)
#3AA3BA rgb(58,163,186) hsl(191,52%,48%)
#A3BA3A rgb(163,186,58) hsl(71,52%,48%)