Convert #BDD9AF to Tailwind CSS

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

Your Color#BDD9AF
#BDD9AF
Tailwind Match#D6D3D1
stone-300

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-300
Background Preview

Text Color

text-stone-300

Text Color Preview

Border

border-stone-300
Border Preview

Ring/Outline

ring-stone-300

Divide

divide-stone-300

Placeholder

placeholder-stone-300

Alternative Tailwind Colors

Other Tailwind colors close to #BDD9AF

stone-300#D6D3D1Best Match
Copy
neutral-300#D4D4D4
Copy
green-200#BBF7D0
Copy
lime-200#D9F99D
Copy
zinc-300#D4D4D8
Copy
emerald-200#A7F3D0
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

View full color details for #BDD9AFBrowse all hex colorsExplore color palettes