UI Shades

Tints & shades of #304AD1

#304ad1
Closest named color: Material Indigo 500
#304ad1
oklch(0.481 0.209 268.45)
rgb(48 74 209)
hsl(230.3 63.6% 50.4%)
Share
#f2faff
#eaf4ff
#d5e5ff
#bdd3ff
#8fb0ff
#567cff
#4060f1
#304ad1
#20329f
#121f73
#070e43

See your palette on a real UI - coming soon

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