Sky 100

#e0f2fe

sky-100

Very light sky for subtle backgrounds.

Color Values

Tailwind Classeshtml

<!-- Tailwind CSS Classes -->
<div class="sky-100">
  Background
</div>
<p class="sky-100">
  Text
</p>
<div class="sky-100 border">
  Border
</div>

CSS Codecss

/* CSS Variables */
--color-sky-100: #e0f2fe;

/* Direct Usage */
.element {
  color: #e0f2fe;
  background-color: rgb(224, 242, 254);
}

Light backgrounds

Airy cards

Clean highlights

Explore all 242 Tailwind CSS colors with our color tools.