Contrast Checker
Check WCAG AA & AAA color contrast ratios for accessible design. Runs entirely in your browser.
Contrast Ratio
—
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Small text sample: 0123456789 ABCDEFGHIJ abcdefghij
Specifications
- Accepts
- No file needed
- Gives you
- On-screen result
- Where it runs
- Your browser — the file is never uploaded
- Sign-up
- None
- Cost
- Free, with no usage limits
About WCAG Contrast
- WCAG AA Normal Text requires a minimum contrast ratio of 4.5:1.
- WCAG AA Large Text (≥18pt or 14pt bold) only requires 3:1.
- WCAG AAA Normal Text demands the stricter 7:1 ratio for enhanced accessibility.
- WCAG AAA Large Text requires at least 4.5:1.
- Contrast ratio is calculated from the relative luminance of each color per WCAG 2.1 guidelines.
- Aim for AA compliance at minimum — AAA is recommended for body text and critical UI elements.