Runs in your browser — nothing you paste is uploaded.

WCAG Contrast Checker

Check the contrast ratio between a text color and a background, with WCAG AA/AAA pass or fail for normal and large text. Runs in your browser.

Text color

Background color

Accepts hex, rgb() or hsl(). Use the swatches to pick.

Sample text — Aa

What the levels mean

WCAG requires a contrast ratio of at least 4.5:1 for normal text (AA) and 3:1 for large text (≥ 18.66px bold or 24px). AAA raises those to 7:1 and 4.5:1. The preview shows your colors so you can eyeball it too.

Privacy

All calculation is local; nothing is uploaded.

What the levels mean

Privacy

Related tools