Convert #C7DCD4 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #C7DCD4
Your Color#C7DCD4
#C7DCD4
Tailwind Match#D1D5DB
gray-300Quick Copy
Tailwind CSS Usage Examples
Background
bg-gray-300Background Preview
Text Color
text-gray-300Text Color Preview
Border
border-gray-300Border Preview
Ring/Outline
ring-gray-300Divide
divide-gray-300Placeholder
placeholder-gray-300Alternative Tailwind Colors
Other Tailwind colors close to #C7DCD4
gray-300#D1D5DBBest Matchneutral-300#D4D4D4slate-300#CBD5E1zinc-300#D4D4D8stone-300#D6D3D1green-200#BBF7D0Full Gray Palette
All shades of gray in Tailwind CSS
50#F9FAFB
100#F3F4F6
200#E5E7EB
300#D1D5DB
400#9CA3AF
500#6B7280
600#4B5563
700#374151
800#1F2937
900#111827
950#030712