Color Contrast Checker
Check WCAG color contrast ratios for web accessibility. Test foreground and background colors for AA and AAA compliance levels.
Sample Text
The quick brown fox jumps over the lazy dog.
Small text for WCAG testing
Contrast Ratio
21.00:1
Excellent
WCAG AA
Large Text (18pt+) Pass
Small Text Pass
WCAG AAA
Large Text (18pt+) Pass
Small Text Pass
WCAG Contrast Requirements:
- • AA Large Text: 3:1 minimum (18pt or 14pt bold)
- • AA Small Text: 4.5:1 minimum
- • AAA Large Text: 4.5:1 minimum
- • AAA Small Text: 7:1 minimum
WCAG Color Contrast - Technische Details
WCAG 2.1 requires minimum contrast ratios: 4.5:1 for normal text (AA), 7:1 for normal text (AAA), 3:1 for large text (AA), and 4.5:1 for large text (AAA). Large text is 18pt+ or 14pt+ bold.
Kommandozeilen-Alternative
# Using axe-core for automated testing npx axe https://example.com # Using Lighthouse lighthouse https://example.com --only-categories=accessibility