UI Shades

Tints & shades of #304CCE

#304cce
Closest named color: Material Indigo 500
#304cce
oklch(0.482 0.203 268.12)
rgb(48 76 206)
hsl(229.4 62.2% 49.8%)
Share
#f2faff
#eaf4ff
#d5e5ff
#bcd3ff
#8fb0ff
#557dff
#4062ed
#304cce
#1f349d
#122071
#060f42

See your palette on a real UI - coming soon

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