Stone 300

#d6d3d1

stone-300

Medium-light stone for visible warm borders.

Color Values

Hex#d6d3d1
RGBrgb(214, 211, 209)
HSLhsl(24, 6%, 83%)

How to Use

Tailwind CSS

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

CSS

CSS Codecss
/* CSS Variables */
--color-stone-300: #d6d3d1;

/* Direct Usage */
.element {
  color: #d6d3d1;
  background-color: rgb(214, 211, 209);
}

Best Use Cases

Input borders
Card outlines
Subtle highlights

Find More Colors

Explore all 242 Tailwind CSS colors with our color tools.

Browse Colors