Contrast Checker
Check color contrast for web accessibility (WCAG)
Sample Heading
This is sample text to show how your colors would look on a website. The contrast between text and background is important for readability.
Sample LinkWCAG 2.1 Compliance
Font Size Examples
12px - Small text (normal text requirement applies)
16px - Regular text (normal text requirement applies)
18px Bold - Large text (large text requirement applies)
24px - Large text (large text requirement applies)
Text Color
Background Color
Accessibility Recommendations
Your colors have excellent contrast
The contrast ratio of 21:1 exceeds all WCAG requirements, making your content highly readable for all users, including those with visual impairments.
About Web Content Accessibility Guidelines (WCAG)
WCAG provides guidelines for making web content more accessible to people with disabilities. For text and background colors, they define minimum contrast ratios to ensure readability:
- Level AA (minimum compliance): 4.5:1 for normal text, 3:1 for large text
- Level AAA (enhanced compliance): 7:1 for normal text, 4.5:1 for large text
Color Suggestions
If your colors don't meet accessibility standards, here are some alternatives with better contrast:
Background: #FFFFFF
Background: #000000