Convert #B295A7 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #B295A7

Your Color#B295A7
#B295A7
Tailwind Match#A8A29E
stone-400

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-400
Background Preview

Text Color

text-stone-400

Text Color Preview

Border

border-stone-400
Border Preview

Ring/Outline

ring-stone-400

Divide

divide-stone-400

Placeholder

placeholder-stone-400

Alternative Tailwind Colors

Other Tailwind colors close to #B295A7

stone-400#A8A29EBest Match
Copy
neutral-400#A3A3A3
Copy
zinc-400#A1A1AA
Copy
gray-400#9CA3AF
Copy
slate-400#94A3B8
Copy
red-300#FCA5A5
Copy

Full Stone Palette

All shades of stone in Tailwind CSS

50#FAFAF9
100#F5F5F4
200#E7E5E4
300#D6D3D1
400#A8A29E
500#78716C
600#57534E
700#44403C
800#292524
900#1C1917
950#0C0A09

Related Resources