Convert #BCC7C6 to Tailwind CSS

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

Your Color#BCC7C6
#BCC7C6
Tailwind Match#D4D4D4
neutral-300

Quick Copy

Tailwind CSS Usage Examples

Background

bg-neutral-300
Background Preview

Text Color

text-neutral-300

Text Color Preview

Border

border-neutral-300
Border Preview

Ring/Outline

ring-neutral-300

Divide

divide-neutral-300

Placeholder

placeholder-neutral-300

Alternative Tailwind Colors

Other Tailwind colors close to #BCC7C6

neutral-300#D4D4D4Best Match
Copy
stone-300#D6D3D1
Copy
zinc-300#D4D4D8
Copy
gray-300#D1D5DB
Copy
slate-300#CBD5E1
Copy
green-200#BBF7D0
Copy

Full Neutral Palette

All shades of neutral in Tailwind CSS

50#FAFAFA
100#F5F5F5
200#E5E5E5
300#D4D4D4
400#A3A3A3
500#737373
600#525252
700#404040
800#262626
900#171717
950#0A0A0A

Related Resources