Color Contrast Checker WCAG

Summary

Enter foreground and background colors to get the contrast ratio and WCAG pass/fail result.

How it works

1. Enter the text color HEX code
2. Enter the background color HEX code
3. Read the contrast ratio and the WCAG AA/AAA pass or fail status

Use cases

• Verify text legibility for accessibility compliance
• Check button label contrast on branded backgrounds
• Audit an existing color palette for WCAG issues

Frequently Asked Questions