🔎 WCAG Contrast Ratio Checker
Pick a foreground (text) and background color and get the exact WCAG 2.x relative-luminance contrast ratio, checked against the AA and AAA pass thresholds for normal and large text.
Colors
21.00 : 1
WCAG 2.x contrast ratio
Live preview
Rendered in your exact chosen colors.
Normal text (16px) — the quick brown fox jumps over the lazy dog.
Large text (26px bold)
| AA — normal text | Requires ≥ 4.5 : 1 |
|---|---|
| AA — large text (≥ 18pt / 14pt bold) | Requires ≥ 3 : 1 |
| AAA — normal text | Requires ≥ 7 : 1 |
| AAA — large text | Requires ≥ 4.5 : 1 |