UI Shades

Tints & shades of #304FC7

#304fc7
Closest named color: Material Indigo 500
#304fc7
oklch(0.481 0.19 267.46)
rgb(48 79 199)
hsl(227.7 61.1% 48.4%)
Share
#f2faff
#e9f4ff
#d4e5ff
#bcd3ff
#8db0ff
#567fff
#4065e6
#304fc7
#1f3797
#12236d
#06103f

See your palette on a real UI - coming soon

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