Colour Pairing
Normal text at 16px. Contrast is a threshold, not an opinion.
Large text at 24px.
Contrast ratio – –
This browser will not let the tool read colour values, so it cannot measure a pair. Open this page in another browser, or turn off fingerprinting protection for this site. The palette itself is on the Colour page.
Copy CSS gives you primitives. In production, reach for the semantic token that maps to the pair. See the Colour page.
| Applies to | AA | AAA |
|---|---|---|
| Normal text | – 4.5:1 | – 7:1 |
| Large text | – 3:1 | – 4.5:1 |
| Graphics and UI | – 3:1 | WCAG sets no AAA level |
Large text starts at 24px, or 19px bold (18pt, or 14pt bold, in WCAG's units).