Convert #3F1C22 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #3F1C22

Your Color#3F1C22
#3F1C22
Tailwind Match#292524
stone-800

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-800
Background Preview

Text Color

text-stone-800

Text Color Preview

Border

border-stone-800
Border Preview

Ring/Outline

ring-stone-800

Divide

divide-stone-800

Placeholder

placeholder-stone-800

Alternative Tailwind Colors

Other Tailwind colors close to #3F1C22

stone-800#292524Best Match
Copy
pink-950#500724
Copy
neutral-800#262626
Copy
zinc-800#27272A
Copy
rose-950#4C0519
Copy
orange-950#431407
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