WCAG Color Contrast Checker Online Free
Verify foreground and background color combinations against WCAG contrast rules. Websites must meet Web Content Accessibility Guidelines (WCAG) to ensure text readability for users with visual impairments.
Your inputs are processed locally in your browser. Nothing is uploaded to any server.
The quick brown fox
Small text sample — 14px body copy
Very small caption text for comparison
Inverted preview
Same colors, inverted
Contrast Ratio
5.47:1
✓
AA Normal
≥ 4.5:1
✓
AA Large
≥ 3:1
✗
AAA Normal
≥ 7:1
✓
AAA Large
≥ 4.5:1
How to Use
- 1Enter a foreground (text) color and a background color.
- 2Check the real-time contrast ratio.
- 3Review the WCAG AA and AAA pass/fail status for different text sizes.
- 4Adjust colors until they meet accessibility standards.