HEX #3F63CF color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

3f63cf color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(225,60%,98%)
#e2e8f8 rgb(226,232,248) hsl(225,60%,93%)
#ced7f3 rgb(206,215,243) hsl(225,60%,88%)
#bac7ee rgb(186,199,238) hsl(225,60%,83%)
#a5b6e9 rgb(165,182,233) hsl(225,60%,78%)
#91a5e3 rgb(145,165,227) hsl(225,60%,73%)
#7c95de rgb(124,149,222) hsl(225,60%,68%)
#6884d9 rgb(104,132,217) hsl(225,60%,63%)
#5474d4 rgb(84,116,212) hsl(225,60%,58%)
#3f63cf rgb(63,99,207) hsl(225,60%,53%)
#3156c4 rgb(49,86,196) hsl(225,60%,48%)
#2c4daf rgb(44,77,175) hsl(225,60%,43%)
#27449b rgb(39,68,155) hsl(225,60%,38%)
#223b87 rgb(34,59,135) hsl(225,60%,33%)
#1d3272 rgb(29,50,114) hsl(225,60%,28%)
#17295e rgb(23,41,94) hsl(225,60%,23%)
#122049 rgb(18,32,73) hsl(225,60%,18%)
#0d1735 rgb(13,23,53) hsl(225,60%,13%)
#080e21 rgb(8,14,33) hsl(225,60%,8%)
#03050c rgb(3,5,12) hsl(225,60%,3%)

Adjacent colors

HEX RGB HSL
#3FC2CF rgb(63,194,207) hsl(185,60%,53%)
#3F63CF rgb(63,99,207) hsl(225,60%,53%)
#7B40CF rgb(123,64,207) hsl(265,60%,53%)

Monochromatic colors

HEX RGB HSL
#849CE0 rgb(132,156,224) hsl(224,60%,70%)
#6180D7 rgb(97,128,215) hsl(224,60%,61%)
#3F63CF rgb(63,99,207) hsl(225,60%,53%)
#2D4FB5 rgb(45,79,181) hsl(225,60%,44%)
#244092 rgb(36,64,146) hsl(225,60%,36%)
#1C3070 rgb(28,48,112) hsl(226,60%,27%)

Triad color palettes

HEX RGB HSL
#3F63CF rgb(63,99,207) hsl(225,60%,53%)
#CF633F rgb(207,99,63) hsl(15,60%,53%)
#ABCF3F rgb(171,207,63) hsl(75,60%,53%)

Tetrad color palettes

HEX RGB HSL
#3F63CF rgb(63,99,207) hsl(225,60%,53%)
#CFAB3F rgb(207,171,63) hsl(45,60%,53%)
#3FABCF rgb(63,171,207) hsl(195,60%,53%)
#ABCF3F rgb(171,207,63) hsl(75,60%,53%)