Frontend & CSS
WCAG Color Contrast Ratio Checker & Accessibility Validator
Calculate precise WCAG 2.1 AA and AAA contrast ratios between foreground text and background colors for accessible UI/UX design.
Sample Contrast Preview
The quick brown fox jumps over the lazy dog
4.5 : 1
AA PassAAA Fail
Input Source Content
Output Result
About WCAG Color Contrast & Palette Checker & Security Considerations
Everything you need to know about how this utility processes data safely in your browser.
What is the minimum WCAG AA contrast ratio?
WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt+ or bold 14pt+).
What is the WCAG AAA requirement?
WCAG AAA requires a strict 7:1 ratio for normal text and 4.5:1 for large text.