WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text (AA) and 7:1 for enhanced contrast (AAA).
Large text (18px bold or 24px regular) requires only 3:1 for AA and 4.5:1 for AAA compliance.
| FG / BG | |||||
|---|---|---|---|---|---|
| - | 1.1:1 Fail | 4.5:1 Fail | 17.1:1 AAA | 15.6:1 AAA | |
1.1:1 Fail | - | 4.2:1 Fail | 15.9:1 AAA | 14.6:1 AAA | |
4.5:1 Fail | 4.2:1 Fail | - | 3.8:1 Fail | 3.5:1 Fail | |
17.1:1 AAA | 15.9:1 AAA | 3.8:1 Fail | - | 1.1:1 Fail | |
15.6:1 AAA | 14.6:1 AAA | 3.5:1 Fail | 1.1:1 Fail | - |