Red 200
#fecaca
red-200
Light red for error borders and highlights.
Color Values
| Hex | #fecaca | |
| RGB | rgb(254, 202, 202) | |
| HSL | hsl(0, 96%, 89%) |
How to Use
Tailwind CSS
Tailwind Classeshtml
<!-- Tailwind CSS Classes -->
<div class="red-200">
Background
</div>
<p class="red-200">
Text
</p>
<div class="red-200 border">
Border
</div>CSS
CSS Codecss
/* CSS Variables */
--color-red-200: #fecaca;
/* Direct Usage */
.element {
color: #fecaca;
background-color: rgb(254, 202, 202);
}Best Use Cases
Error borders
Highlight backgrounds
Soft badges
Find More Colors
Explore all 242 Tailwind CSS colors with our color tools.
Browse Colors