UI Shades

Tints & shades of #314AD2

#314ad2
Closest named color: Material Indigo 500
#314ad2
oklch(0.483 0.21 268.69)
rgb(49 74 210)
hsl(230.7 64.1% 50.8%)
Share
#f2faff
#eaf4ff
#d5e5ff
#bdd3ff
#90afff
#567bff
#4060f1
#314ad2
#2032a0
#131f73
#070e43

See your palette on a real UI - coming soon

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