WCAG Color Contrast Checker
Calculate the WCAG contrast ratio of two colors live and check AA/AAA compliance for normal and large text.
💡 What's this for?
Prüft, ob Text auf einem Hintergrund gut lesbar ist (nach den Barrierefreiheits-Standards WCAG). Wichtig für Zugänglichkeit - und teils gesetzlich gefordert.
Contrast ratio
--
Range 1:1 (no contrast) to 21:1 (black on white)
Live preview
Normal text: The quick brown fox jumps over the lazy dog.
Large text: Accessibility matters.
| Criterion | Threshold | Result |
|---|---|---|
| AA · Normal text | ≥ 4.5:1 | -- |
| AA · Large text | ≥ 3:1 | -- |
| AAA · Normal text | ≥ 7:1 | -- |
| AAA · Large text | ≥ 4.5:1 | -- |
Large text = 18 pt (24 px) or 14 pt (18.66 px) bold. Calculation per WCAG 2.1 (relative luminance).
🐤 Want Canary to keep an eye on this for you?
This tool checks once. Canary checks your whole website every day and alerts you instantly when something breaks technically and costs you Google traffic. Start a free health check →