Color Contrast Checker (WCAG)
Check the contrast ratio between text and background colors against WCAG AA and AAA. Live preview and pass/fail grades. Runs in your browser.
Runs in your browser — nothing uploaded
Colors
14.68:1contrast ratio
Normal text — AAPass
Normal text — AAAPass
Large text — AAPass
Large text — AAAPass
Check whether your text and background colors have enough contrast to be readable — and accessible. Enter two colors to get the exact WCAG contrast ratio, a live preview, and clear pass/fail grades for AA and AAA at both normal and large text sizes.
Private by design — your data never leaves your device
How to use it
No account, no upload — it all happens on your device.
1
Pick or type a text color and a background color.
2
Read the contrast ratio and the live preview.
3
Check the AA and AAA pass/fail grades for normal and large text.
4
Adjust the colors until you reach the level you need.
WCAG contrast thresholds
The minimum ratios for each level and text size.
| Text size | AA | AAA |
|---|---|---|
| Normal text | 4.5:1 | 7:1 |
| Large text (≥24px / 18.66px bold) | 3:1 | 4.5:1 |
| UI components & graphics | 3:1 | — |
Why contrast matters
- Readability for everyone. Low contrast is hard to read in bright sunlight, on cheap screens, and for anyone with low vision.
- It's a legal requirement in many places. WCAG AA is referenced by accessibility laws worldwide, so meeting it reduces real risk.
- Don't rely on color alone.Pair sufficient contrast with text labels or icons so information isn't lost for colorblind users.
Frequently asked
What contrast ratio do I need?
WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text (roughly 18.66px bold or 24px regular). AAA is stricter: 7:1 for normal and 4.5:1 for large text. Aim for AA as a minimum on production sites.
What counts as large text?
Large text is about 24px (18pt) regular or 18.66px (14pt) bold and up. Because larger glyphs are easier to read, they're held to a lower contrast bar than body text.
Is my color data sent anywhere?
No. The contrast ratio is computed from the WCAG luminance formula entirely in your browser. Nothing you enter is uploaded or stored.