Color Contrast Checker
Check color contrast ratios for WCAG accessibility compliance
Foreground Color
Background Color
Contrast Ratio
21.00:1
WCAG AA
Requires 4.5:1 for normal text, 3:1 for large text
Normal TextPass
Large TextPass
WCAG AAA
Requires 7:1 for normal text, 4.5:1 for large text
Normal TextPass
Large TextPass
Preview
Normal Text
The quick brown fox jumps over the lazy dog
Large Text Preview
The quick brown fox jumps over the lazy dog
Frequently asked questions
What does Color Contrast Checker do?
Check color contrast ratios for WCAG accessibility compliance
What should I check in the result?
Preview the result with your actual content and at different screen sizes. Check readability and compatibility in the browsers you support.