WCAG Contrast Checker
Test foreground and background color combinations against WCAG accessibility standards. Verify contrast ratios for normal text, large text, and UI components before you ship.
Contrast Checker
Font size: 16px
Font weight
Large text: ≥24px regular or ≥18.66px bold10.31:1
Heading preview
Body text preview at your chosen size and weight. Good contrast keeps reading comfortable on every screen and in bright environments.
Excellent — this pair passes WCAG AAA for normal text.
What this wcag contrast checker does
This WCAG contrast checker tests text and background color combinations against accessibility standards. Verify AA and AAA compliance for normal and large text before shipping UI or marketing pages.
How to use it
Enter or pick foreground (text) and background colors using the color inputs.
Review the contrast ratio and whether the pair passes WCAG AA and AAA thresholds.
Check both normal text and large text (24px+ regular or 18.66px+ bold) results.
Adjust colors until you meet at least AA for body copy — 4.5:1 for normal text.
Read the Typography Accessibility chapter for spacing and sizing guidelines beyond contrast.
Frequently asked questions
What contrast ratio is required for WCAG AA?
Normal text needs a contrast ratio of at least 4.5:1 against its background. Large text (24px+ regular or 18.66px+ bold) needs at least 3:1 for WCAG AA compliance.
What is the difference between WCAG AA and AAA?
AA is the standard legal target for most products — 4.5:1 for normal text. AAA requires 7:1 for normal text and is recommended for critical healthcare, government, or long-form reading platforms.
Does color contrast affect SEO?
Contrast is not a direct ranking factor, but poor contrast increases bounce rates and fails automated accessibility audits like Google Lighthouse. Readable text supports user engagement signals and inclusive design.
Related resources
Custom Type Engineering
Need a custom brand typeface or complete typography system?
Goafreet crafts bespoke Latin and Indic typefaces, authorized script extensions, and corporate font governance for modern digital brands.