Loading...
Loading...
Loading tool...
Check WCAG color contrast ratios for accessibility compliance.
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.
Pro includes full WCAG 2.1 audit, color blindness simulation, and accessible palette suggestions.
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.
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.
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.
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.
Color Contrast Checker is part of BriskTool's collection of free online tools. All processing runs entirely in your browser for maximum privacy and speed.