Enter two hex colors to calculate the WCAG 2.1 contrast ratio and see pass/fail for all accessibility levels — AA, AAA, normal text, large text, and UI components.
The quick brown fox
Small body text at 14px — can your users read this comfortably?
LARGE TEXT (18pt+ or 14pt bold)
21:1
Contrast ratio
Normal Text (<18pt)
Large Text (18pt+)
UI Components
Passes WCAG AAA — Excellent!
This combination meets the highest WCAG 2.1 Level AAA standard. Your text is highly readable for users with low vision and color blindness.
| Text Type | Level AA | Level AAA |
|---|---|---|
| Normal text (< 18pt or < 14pt bold) | 4.5:1 | 7:1 |
| Large text (≥ 18pt or ≥ 14pt bold) | 3:1 | 4.5:1 |
| UI components & icons | 3:1 | — |
| Decorative / inactive UI | No requirement | — |
WCAG AA is the minimum legal standard in most countries (ADA, EN 301 549, AODA). Target AAA for the best experience for low-vision users.
Our full scan checks 20 categories across SEO, security, performance, accessibility, and content quality.
Run Full Scan Free