WCAG Contrast Checker
Ensure your color choices meet accessibility standards for inclusive design
Color Selection
Contrast Results
21.00:1
Contrast Ratio
- WCAG AA (Large Text)(3:1 required) ✓ PASS
- WCAG AA (Normal Text)(4.5:1 required) ✓ PASS
- WCAG AAA (Large Text)(4.5:1 required) ✓ PASS
- WCAG AAA (Normal Text)(7:1 required) ✓ PASS
Live Preview
Sample Heading
The quick brown fox jumps over the lazy dog. This is a sample text to demonstrate how your chosen color combination will appear to users. Consider readability and accessibility when making color decisions.
Important information should be clearly visible and easy to read.
Foreground
#000000
Background
#ffffff
WCAG Guidelines
Level AA (Minimum): 4.5:1 for normal text, 3:1 for large text
Level AAA (Enhanced): 7:1 for normal text, 4.5:1 for large text
Large text: 14pt bold or 18pt regular (18.7px bold or 24px regular)
