Gray 600

#4b5563

gray-600

Dark gray for body text and important elements.

Color Values

Hex#4b5563
RGBrgb(75, 85, 99)
HSLhsl(215, 14%, 34%)

How to Use

Tailwind CSS

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

CSS

CSS Codecss
/* CSS Variables */
--color-gray-600: #4b5563;

/* Direct Usage */
.element {
  color: #4b5563;
  background-color: rgb(75, 85, 99);
}

Best Use Cases

Body text
Subheadings
Active states

Find More Colors

Explore all 242 Tailwind CSS colors with our color tools.

Browse Colors