Color Contrast Checker (AA & AAA)
Pick a foreground and a background color to get the exact WCAG contrast ratio, with AA and AAA pass or fail results for normal and large text. If the pair fails, the tool suggests the closest passing shade — and every hex value is click-to-copy.
Choose Colors
Click any hex code on this page to copy it to your clipboard.
Results
Sample Text
Contrast ratio
—
| Text size | AA | AAA |
|---|---|---|
| Normal text | — | — |
| Large text (18pt+, or 14pt+ bold) | — | — |
Frequently Asked Questions
WCAG AA requires a ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text.
WCAG AAA requires at least 7 to 1 for normal text and 4.5 to 1 for large text.
Text that is at least 18pt, or 14pt bold and larger, counts as large text under WCAG.
The tool suggests the closest passing shade of your foreground color, which you can copy with one click and use right away.