Violet 300
#c4b5fd
violet-300
Medium-light violet, magical and whimsical.
Color Values
| Hex | #c4b5fd | |
| RGB | rgb(196, 181, 253) | |
| HSL | hsl(252, 95%, 85%) |
How to Use
Tailwind CSS
Tailwind Classeshtml
<!-- Tailwind CSS Classes -->
<div class="violet-300">
Background
</div>
<p class="violet-300">
Text
</p>
<div class="violet-300 border">
Border
</div>CSS
CSS Codecss
/* CSS Variables */
--color-violet-300: #c4b5fd;
/* Direct Usage */
.element {
color: #c4b5fd;
background-color: rgb(196, 181, 253);
}Best Use Cases
Creative badges
Magical highlights
Whimsical themes
Find More Colors
Explore all 242 Tailwind CSS colors with our color tools.
Browse Colors