UI Shades

Tints & shades of #304AD2

#304ad2
Closest named color: Material Indigo 500
#304ad2
oklch(0.482 0.21 268.45)
rgb(48 74 210)
hsl(230.4 64.3% 50.6%)
Share
#f2faff
#eaf4ff
#d5e5ff
#bdd3ff
#8fb0ff
#567cff
#4060f2
#304ad2
#2032a0
#121f73
#070e43

See your palette on a real UI - coming soon

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