Color Contrast Checker
Check WCAG 2.1 color contrast ratios between foreground and background colors with AA/AAA compliance
All processing happens in your browser. No data is uploaded.
Color Contrast Checker
Check WCAG 2.1 color contrast ratios between foreground and background colors with AA/AAA compliance
🔒All processing happens in your browser. No data is uploaded.
Colors
Live Preview
Normal text (16px) - The quick brown fox jumps over the lazy dog.
Large text (24px bold)
Small text (12px) - Fine print and secondary information.
Contrast Ratio
21.00:1
Excellent
Foreground luminance: 0.0000Background luminance: 1.0000
WCAG 2.1 Compliance
CriterionRequiredResult
Normal Text (AA)≥ 4.5:1
Pass
Normal Text (AAA)≥ 7:1
Pass
Large Text (AA)≥ 3:1
Pass
Large Text (AAA)≥ 4.5:1
Pass
UI Components (AA)≥ 3:1
Pass