Pick any foreground and background colour, see the WCAG 2.1 contrast ratio and AA/AAA pass/fail for normal text, large text, and UI components — instantly in your browser.
| Criterion | Required | Result |
|---|---|---|
| Normal text AA | ≥ 4.5 : 1 | — |
| Normal text AAA | ≥ 7.0 : 1 | — |
| Large text AA | ≥ 3.0 : 1 | — |
| Large text AAA | ≥ 4.5 : 1 | — |
| UI components AA | ≥ 3.0 : 1 | — |