UI Shades

Tints & shades of #504EB4

#504eb4
Closest named color: Material Indigo 500
#504eb4
oklch(0.483 0.157 279.61)
rgb(80 78 180)
hsl(241.2 40.5% 50.6%)
Share
#f6f9ff
#eef2ff
#dce2ff
#c8cfff
#a2a9ff
#797cec
#6262d0
#504eb4
#393688
#252261
#121038

See your palette on a real UI - coming soon

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