Contrast Checker
WCAG contrast ratios for accessible colors.
100% Client-Side · In-Memory Only
Interactive Tool Workspace
Loading Contrast Checker...
How to Use Contrast Checker
- Select or type foreground text color and background color in hex format.
- Inspect the calculated contrast ratio.
- Verify WCAG AA and AAA compliance for normal and large text.
Features & Guarantees
- Calculates WCAG 2.1 relative luminance and contrast ratio mathematically.
- Pass/Fail badges for WCAG AA (4.5:1 / 3:1) and WCAG AAA (7:1 / 4.5:1).
- Live visual typography preview box.
Frequently Asked Questions
What is the minimum contrast ratio required for WCAG AA?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal body text and 3:1 for large text (18pt or 14pt bold).