Color specimenNo. 14870768

#E2E8F0

Dusty Very Light Blue

A deterministic reference card for #E2E8F0. Every value, scheme, and snippet below is computed from the hex — no database, no guesswork.

RGB
226, 232, 240
HSL
214°, 32%, 91%
Text
Black on top

Tailwind CSS · slate

tailwind · slate 200

The Tailwind CSS utility classes bg-slate-200, text-slate-200, and friends all reference this hex value.

Scale context · slate

Click any step to jump to its landing page.

Class name
slate-200
Hex
#E2E8F0
Closest CSS named color
lavender
Full color breakdown
/color/e2e8f0

Developer snippets

Copy-ready code

Every snippet below is generated from the hex — not a hand-maintained table.

Conversions

Same color, seven encodings

Nearest matches

Closest in other design systems

Accessibility

Contrast against white & black

On white

The quick brown fox

Jumps over the lazy dog. Testing readability of #E2E8F0 as the text color.

1.23:1
AA failAAA failLarge fail

Rating · Fail

On black

The quick brown fox

Jumps over the lazy dog. Testing readability of #E2E8F0 as the text color.

17.03:1
AA passAAA passLarge pass

Rating · AAA

Recommendation

When using #E2E8F0 as a background, pair it with #000000 text for the best WCAG contrast.

Contrast ratios only — one part of WCAG 2.1. Not a certification of accessibility or legal compliance.

Related Tailwind swatches

Other stops in slate