Red 100
#fee2e2
red-100
Very light red for subtle error states.
Color Values
| Hex | #fee2e2 | |
| RGB | rgb(254, 226, 226) | |
| HSL | hsl(0, 93%, 94%) |
How to Use
Tailwind CSS
Tailwind Classeshtml
<!-- Tailwind CSS Classes -->
<div class="red-100">
Background
</div>
<p class="red-100">
Text
</p>
<div class="red-100 border">
Border
</div>CSS
CSS Codecss
/* CSS Variables */
--color-red-100: #fee2e2;
/* Direct Usage */
.element {
color: #fee2e2;
background-color: rgb(254, 226, 226);
}Best Use Cases
Light error backgrounds
Notification backgrounds
Soft alerts
Find More Colors
Explore all 242 Tailwind CSS colors with our color tools.
Browse Colors