← Tailwind CSS classes list

Tailwind CSS class: .text-purple-700

<div class="text-purple-700">Text</div>

Preview

Text

Check .text-purple-700 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

CSS source

.text-purple-700 { color: #6b46c1; }

More in Tailwind CSS Text color