HEX #1F63A5 color — Matisse

The color #1F63A5 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

1F63A5 color palette from light to dark

HEX RGB HSL
#f6fafd rgb(246,250,253) hsl(210,68%,98%)
#e1edf9 rgb(225,237,249) hsl(210,68%,93%)
#cce0f5 rgb(204,224,245) hsl(210,68%,88%)
#b6d4f1 rgb(182,212,241) hsl(210,68%,83%)
#a1c7ed rgb(161,199,237) hsl(210,68%,78%)
#8bbae9 rgb(139,186,233) hsl(210,68%,73%)
#76ade5 rgb(118,173,229) hsl(210,68%,68%)
#60a1e1 rgb(96,161,225) hsl(210,68%,63%)
#4b94dd rgb(75,148,221) hsl(210,68%,58%)
#3687d9 rgb(54,135,217) hsl(210,68%,53%)
#277ace rgb(39,122,206) hsl(210,68%,48%)
#236eb8 rgb(35,110,184) hsl(210,68%,43%)
#1f61a3 rgb(31,97,163) hsl(210,68%,38%)
#1b548d rgb(27,84,141) hsl(210,68%,33%)
#174778 rgb(23,71,120) hsl(210,68%,28%)
#133b63 rgb(19,59,99) hsl(210,68%,23%)
#0f2e4d rgb(15,46,77) hsl(210,68%,18%)
#0b2138 rgb(11,33,56) hsl(210,68%,13%)
#071422 rgb(7,20,34) hsl(210,68%,8%)
#02080d rgb(2,8,13) hsl(210,68%,3%)

Adjacent colors

HEX RGB HSL
#1FA68D rgb(31,166,141) hsl(169,69%,39%)
#1F63A5 rgb(31,99,165) hsl(210,68%,38%)
#341FA5 rgb(52,31,165) hsl(249,68%,38%)

Monochromatic colors

HEX RGB HSL
#2373BF rgb(35,115,191) hsl(209,69%,44%)
#1F63A5 rgb(31,99,165) hsl(210,68%,38%)
#1A548A rgb(26,84,138) hsl(209,68%,32%)
#154270 rgb(21,66,112) hsl(210,68%,26%)
#103355 rgb(16,51,85) hsl(210,68%,20%)
#0B243B rgb(11,36,59) hsl(209,69%,14%)

Triad color palettes

HEX RGB HSL
#1F63A5 rgb(31,99,165) hsl(210,68%,38%)
#A51F20 rgb(165,31,32) hsl(360,68%,38%)
#A5A31F rgb(165,163,31) hsl(59,68%,38%)

Tetrad color palettes

HEX RGB HSL
#1F63A5 rgb(31,99,165) hsl(210,68%,38%)
#A5611F rgb(165,97,31) hsl(30,68%,38%)
#1FA6A4 rgb(31,166,164) hsl(179,69%,39%)
#A5A31F rgb(165,163,31) hsl(59,68%,38%)