UI Shades

Tints & shades of #563AD1

#563ad1
Closest named color: Material Deep Purple 500
#563ad1
oklch(0.481 0.217 283.03)
rgb(86 58 209)
hsl(251.1 62.1% 52.4%)
Share
#f7f8ff
#f0f2ff
#dfe1ff
#cbcdff
#a8a7ff
#7f6dff
#6950f1
#563ad1
#3e259f
#2a1473
#150743

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.