Color Contrast Checker
Check color contrast ratio for WCAG accessibility compliance. Test foreground and background colors for AA and AAA standards.
Aa
The quick brown fox jumps over the lazy dog
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
WCAG Accessibility Guidelines
AA Normal (4.5:1): Minimum contrast for normal text (less than 18pt or 14pt bold). Required for most web content.
AA Large (3:1): Minimum contrast for large text (18pt+ or 14pt+ bold).
AAA Normal (7:1): Enhanced contrast for normal text. Highest accessibility standard.
AAA Large (4.5:1): Enhanced contrast for large text. Recommended for critical content.
Presets
History
WCAG Accessibility Guidelines
The Color Contrast Checker helps you ensure your website meets WCAG accessibility standards. It calculates the contrast ratio between foreground and background colors and evaluates compliance with AA and AAA levels for both normal and large text. Accessible design is not just good practice — it's required by law in many countries.