Convert #2F0E16 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #2F0E16

Your Color#2F0E16
#2F0E16
Tailwind Match#1C1917
stone-900

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-900
Background Preview

Text Color

text-stone-900

Text Color Preview

Border

border-stone-900
Border Preview

Ring/Outline

ring-stone-900

Divide

divide-stone-900

Placeholder

placeholder-stone-900

Alternative Tailwind Colors

Other Tailwind colors close to #2F0E16

stone-900#1C1917Best Match
Copy
red-950#450A0A
Copy
zinc-900#18181B
Copy
neutral-900#171717
Copy
orange-950#431407
Copy
stone-800#292524
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