WCAG contrast ratio
14.68:1
Back to Tools
Free Online Tool
Color Contrast Checker
Free online color contrast checker with WCAG ratio scoring and APCA readability scoring for modern accessibility workflows.
Color Contrast Checker (WCAG + APCA)
WCAG result
Pass (needs 4.5:1)
APCA score
94.2 Lc
APCA guidance
Pass (target |Lc| >= 75)
Preview
Accessibility-focused UI text preview. Adjust size and weight to test real usage.
APCA uses polarity-sensitive contrast. Keep text/background assignments consistent with production UI.
What problem does this tool solve?
Design handoffs often fail accessibility checks late in QA because contrast decisions are not validated during UI build time.
How to use Color Contrast Checker
- Enter foreground and background colors with text size and weight.
- Check WCAG AA/AAA pass status and APCA score in one place.
- Adjust colors until both readability and design intent are balanced.
FAQ: Color Contrast Checker
Why include both WCAG and APCA checks?
Teams can compare legacy compliance targets with newer perceptual readability guidance.
Can a color pass WCAG but still feel hard to read?
Yes. APCA can highlight readability issues not obvious in simple contrast ratios.
Does text size affect pass/fail thresholds?
Yes. Larger or bolder text can qualify for lower WCAG contrast thresholds.