Rose 800

#9f1239

rose-800

Near-black rose for dark themes.

Color Values

Hex#9f1239
RGBrgb(159, 18, 57)
HSLhsl(343, 80%, 35%)

How to Use

Tailwind CSS

Tailwind Classeshtml
<!-- Tailwind CSS Classes -->
<div class="rose-800">
  Background
</div>
<p class="rose-800">
  Text
</p>
<div class="rose-800 border">
  Border
</div>

CSS

CSS Codecss
/* CSS Variables */
--color-rose-800: #9f1239;

/* Direct Usage */
.element {
  color: #9f1239;
  background-color: rgb(159, 18, 57);
}

Best Use Cases

Dark rose backgrounds
Deep red accents
Romantic dark themes

Find More Colors

Explore all 242 Tailwind CSS colors with our color tools.

Browse Colors