Color
- Free forever
- No sign-up
- Instant results
WCAG Contrast Ratio Checker
Check whether any two colors meet WCAG AA or AAA contrast requirements. Enter your foreground and background hex codes and get the ratio and pass/fail grade instantly.
Contrast ratio
—
WCAG grade
—
When would you use this?
Color contrast is one of the most commonly failed accessibility checks on the web and one of the easiest to fix when you catch it early. This tool calculates the contrast ratio between any two colours and tells you whether you're hitting WCAG AA (the legal minimum in many jurisdictions) or AAA (the gold standard). It's worth running every color pairing in your design through this before you ship.