Color Contrast Checker (WCAG)
Check color contrast ratios for WCAG 2.2 AA and AAA accessibility compliance. ADA Title II deadline: April 24, 2026.
Large Text Preview
This is how normal body text looks with your chosen color combination. Make sure it is easy to read.
Small text is harder to read and needs higher contrast.
Reversed Preview
The same colors swapped — foreground as background and vice versa.
Both directions should pass for flexible design use.
| WCAG Level | Requirement | Min Ratio | Result |
|---|---|---|---|
| AA | Normal Text (< 18pt) | 4.5:1 | ✓ Pass |
| AA | Large Text (≥ 18pt / 14pt bold) | 3:1 | ✓ Pass |
| AA | UI Components & Graphics | 3:1 | ✓ Pass |
| AAA | Normal Text (< 18pt) | 7:1 | ✓ Pass |
| AAA | Large Text (≥ 18pt / 14pt bold) | 4.5:1 | ✓ Pass |
WCAG 2.2 Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt+ bold).
WCAG 2.2 Level AAA requires 7:1 for normal text and 4.5:1 for large text.
ADA Title II deadline: April 24, 2026 — all state and local government websites must meet WCAG 2.1 Level AA.
Frequently Asked Questions
What contrast ratio is required for WCAG AA?▼
WCAG 2.2 Level AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). UI components and graphical objects also require 3:1.
What is the ADA Title II deadline?▼
The ADA Title II compliance deadline is April 24, 2026. All state and local government websites must meet WCAG 2.1 Level AA accessibility standards by this date.
What's the difference between AA and AAA?▼
Level AA is the standard requirement (4.5:1 for normal text). Level AAA is the enhanced requirement (7:1 for normal text). Most regulations require AA compliance; AAA is recommended but not typically mandated.
How do I fix a failing contrast ratio?▼
Darken your text color or lighten your background (or vice versa) until the ratio reaches at least 4.5:1. Our tool suggests accessible alternatives automatically.
How to Use Color Contrast Checker (WCAG)
- 1Open the Color Contrast Checker (WCAG) tool above - it loads instantly in your browser.
- 2Enter your data or upload your file. Everything is processed locally on your device - nothing is uploaded to any server.
- 3Get your results instantly. Copy, download, or share - completely free with no signup required.
Color Contrast Checker (WCAG)is part of BriskTool's collection of free online tools. All tools run entirely in your browser for maximum privacy and speed.