UI Shades

Tints & shades of #F689CF

#f689cf
Closest named color: Violet
#f689cf
oklch(0.769 0.156 342.28)
rgb(246 137 207)
hsl(321.5 85.8% 75.1%)
Share
#fff3ff
#ffe8fd
#ffd0f4
#ffb4ea
#f689cf
#cb5da6
#b0438d
#953076
#6f1e56
#4e0f3c
#2c0520

See your palette on a real UI - coming soon

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