APCA Contrast Checker - WCAG 3.0 Perceptual Contrast

APCA Contrast Check

Next-gen accessibility standard · Based on perceptual luminance, more accurate than WCAG 2.x

Text Color Background Color

Usage Scenarios

Scenarios based on current Lc value

Fix Suggestions

Select a suggestion to preview the value and apply to your project

Live Preview

Check headings, body text and buttons with the fixed colors

Lc Reference

Lc 90+ Ultra-high contrast · Any size/weight

Lc 75+ Body text · 16px+ regular

Lc 60+ Larger body · 18px+ or 14px bold

Lc 45+ Large text · 24px+ regular, 18px bold

Lc 30+ Display heading · 32px+, non-critical UI

Lc < 30 Decorative only, not suitable for text

WCAG uses a fixed ratio (4.5:1), which is too strict for light colors yet too lenient for dark. APCA distinguishes text/background polarity and gives precise requirements based on size and weight.

WCAG uses a fixed ratio (4.5:1), which is too strict for light palettes yet too lenient for dark ones. APCA accounts for text/background polarity and gives precise requirements based on font size and weight, better reflecting human visual perception.

→ Switch to WCAG Contrast Fix

Output

Apply fixed colors to your project