Gray 300
#d1d5db
gray-300
Medium-light gray for borders and inactive elements.
Color Values
| Hex | #d1d5db | |
| RGB | rgb(209, 213, 219) | |
| HSL | hsl(216, 12%, 84%) |
How to Use
Tailwind CSS
Tailwind Classeshtml
<!-- Tailwind CSS Classes -->
<div class="gray-300">
Background
</div>
<p class="gray-300">
Text
</p>
<div class="gray-300 border">
Border
</div>CSS
CSS Codecss
/* CSS Variables */
--color-gray-300: #d1d5db;
/* Direct Usage */
.element {
color: #d1d5db;
background-color: rgb(209, 213, 219);
}Best Use Cases
Input borders
Inactive tabs
Placeholder backgrounds
Find More Colors
Explore all 242 Tailwind CSS colors with our color tools.
Browse Colors