UI Shades

Tints & shades of #F04056

#f04056
Closest named color: Tailwind Rose 500
#f04056
oklch(0.638 0.211 18.97)
rgb(240 64 86)
hsl(352.5 85.4% 59.6%)
Share
#fff3f2
#ffebea
#ffd5d5
#ffbcbc
#ff858b
#f04056
#d21a3e
#b4002d
#87001c
#60000f
#370005

See your palette on a real UI - coming soon

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