HEX #1D63A5 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

1d63a5 color palette from light to dark

HEX RGB HSL
#f6fafd rgb(246,250,253) hsl(209,70%,98%)
#e1eefa rgb(225,238,250) hsl(209,70%,93%)
#cbe1f6 rgb(203,225,246) hsl(209,70%,88%)
#b5d5f2 rgb(181,213,242) hsl(209,70%,83%)
#a0c8ee rgb(160,200,238) hsl(209,70%,78%)
#8abcea rgb(138,188,234) hsl(209,70%,73%)
#74afe7 rgb(116,175,231) hsl(209,70%,68%)
#5fa3e3 rgb(95,163,227) hsl(209,70%,63%)
#4996df rgb(73,150,223) hsl(209,70%,58%)
#338adb rgb(51,138,219) hsl(209,70%,53%)
#257dd0 rgb(37,125,208) hsl(209,70%,48%)
#2170ba rgb(33,112,186) hsl(209,70%,43%)
#1d63a5 rgb(29,99,165) hsl(209,70%,38%)
#19568f rgb(25,86,143) hsl(209,70%,33%)
#154979 rgb(21,73,121) hsl(209,70%,28%)
#123c64 rgb(18,60,100) hsl(209,70%,23%)
#0e2f4e rgb(14,47,78) hsl(209,70%,18%)
#0a2238 rgb(10,34,56) hsl(209,70%,13%)
#061523 rgb(6,21,35) hsl(209,70%,8%)
#02080d rgb(2,8,13) hsl(209,70%,3%)

Adjacent colors

HEX RGB HSL
#1DA68C rgb(29,166,140) hsl(169,70%,38%)
#1D63A5 rgb(29,99,165) hsl(209,70%,38%)
#311CA5 rgb(49,28,165) hsl(249,71%,38%)

Monochromatic colors

HEX RGB HSL
#2173BF rgb(33,115,191) hsl(209,71%,44%)
#1D63A5 rgb(29,99,165) hsl(209,70%,38%)
#18548A rgb(24,84,138) hsl(208,70%,32%)
#134270 rgb(19,66,112) hsl(210,71%,26%)
#0F3355 rgb(15,51,85) hsl(209,70%,20%)
#0A243B rgb(10,36,59) hsl(208,71%,14%)

Triad color palettes

HEX RGB HSL
#1D63A5 rgb(29,99,165) hsl(209,70%,38%)
#A51C1F rgb(165,28,31) hsl(359,71%,38%)
#A5A31D rgb(165,163,29) hsl(59,70%,38%)

Tetrad color palettes

HEX RGB HSL
#1D63A5 rgb(29,99,165) hsl(209,70%,38%)
#A55E1D rgb(165,94,29) hsl(29,70%,38%)
#1DA6A3 rgb(29,166,163) hsl(179,70%,38%)
#A5A31D rgb(165,163,29) hsl(59,70%,38%)