Blue 600

#2563eb

blue-600

Dark blue for text and hover states.

Color Values

Hex#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)

How to Use

Tailwind CSS

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

CSS

CSS Codecss
/* CSS Variables */
--color-blue-600: #2563eb;

/* Direct Usage */
.element {
  color: #2563eb;
  background-color: rgb(37, 99, 235);
}

Best Use Cases

Link text
Hover states
Active buttons

Find More Colors

Explore all 242 Tailwind CSS colors with our color tools.

Browse Colors