Loading…
Check if your color combinations meet WCAG 2.1 contrast ratio requirements
Large Text Preview (24px bold)
Regular text preview (16px). This is how your text will look to users.
Small text preview (14px). Make sure it remains readable.
| Standard | Regular Text | Large Text |
|---|---|---|
| WCAG AA (4.5:1 / 3:1) | PASS | PASS |
| WCAG AAA (7:1 / 4.5:1) | PASS | PASS |
The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios to ensure text is readable by people with visual impairments, including color blindness and low vision.
Most accessibility laws, including the European Accessibility Act and ADA Title II, require WCAG 2.1 Level AA compliance as a minimum. Use this tool to verify your color combinations before deploying your website.