Calculate contrast ratio between colors to ensure text readability meets WCAG standards.
Normal text at 16px. The quick brown fox jumps over the lazy dog. Ensuring good contrast makes your application accessible to everyone.
Small text at 14px for fine print and captions.
| Level | Text Size | Required Ratio | Status |
|---|---|---|---|
| AA | Normal text | 4.5:1 | |
| AA | Large text | 3.0:1 | |
| AAA | Normal text | 7.0:1 | |
| AAA | Large text | 4.5:1 |