UI Shades

Tints & shades of #304FC9

#304fc9
Closest named color: Material Indigo 500
#304fc9
oklch(0.483 0.193 267.49)
rgb(48 79 201)
hsl(227.8 61.4% 48.8%)
Share
#f2faff
#e9f4ff
#d4e5ff
#bcd3ff
#8db0ff
#567fff
#4064e7
#304fc9
#1f3698
#12226e
#061040

See your palette on a real UI - coming soon

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