Free color contrast checker — WCAG AA/AAA, in your browser

Whether text is readable shouldn't be a paid feature. Accessible color contrast is a fixed, published formula (WCAG 2.1) — yet plenty of design suites gate the checker behind a subscription. This one computes the exact ratio on your device and tells you, plainly, whether your colors pass. Why this exists →

Colors

Text / foreground

Background

Ratio = (L_light + 0.05) / (L_dark + 0.05), where L is sRGB relative luminance. Large text = 18.66px bold or 24px regular and up. Range is 1:1 (identical) to 21:1 (black on white).

—

Normal text — AA (≥ 4.5) Normal text — AAA (≥ 7) Large text — AA (≥ 3) Large text — AAA (≥ 4.5) UI & graphics (≥ 3)

Live preview

The world already produces enough.

Hunger and energy poverty are distribution outcomes, not production outcomes.

This sentence is small text — it needs the highest contrast to stay readable.