Convert #F7E97E to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #F7E97E
Your Color#F7E97E
#F7E97E
Tailwind Match#FDE68A
amber-200Quick Copy
Tailwind CSS Usage Examples
Background
bg-amber-200Background Preview
Text Color
text-amber-200Text Color Preview
Border
border-amber-200Border Preview
Ring/Outline
ring-amber-200Divide
divide-amber-200Placeholder
placeholder-amber-200Alternative Tailwind Colors
Other Tailwind colors close to #F7E97E
amber-200#FDE68ABest Matchyellow-200#FEF08Alime-200#D9F99Dorange-200#FED7AAorange-300#FDBA74amber-300#FCD34DFull Amber Palette
All shades of amber in Tailwind CSS
50#FFFBEB
100#FEF3C7
200#FDE68A
300#FCD34D
400#FBBF24
500#F59E0B
600#D97706
700#B45309
800#92400E
900#78350F
950#451A03