Convert #D87C63 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #D87C63
Your Color#D87C63
Japonica
Tailwind Match#F87171
red-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-red-400Background Preview
Text Color
text-red-400Text Color Preview
Border
border-red-400Border Preview
Ring/Outline
ring-red-400Divide
divide-red-400Placeholder
placeholder-red-400Alternative Tailwind Colors
Other Tailwind colors close to #D87C63
red-400#F87171Best Matchrose-400#FB7185orange-400#FB923Crose-500#F43F5Ered-500#EF4444orange-300#FDBA74Full Red Palette
All shades of red in Tailwind CSS
50#FEF2F2
100#FEE2E2
200#FECACA
300#FCA5A5
400#F87171
500#EF4444
600#DC2626
700#B91C1C
800#991B1B
900#7F1D1D
950#450A0A