Design
Contrast Checker
Check colour contrast against WCAG AA and AAA standards. Includes APCA scoring, colour blindness simulation, and bulk checking.
Preview
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
WCAG contrast ratio
16.31:1
APCA score
102.6 Lc
≥75 for body text (APCA)
Normal text — AA
≥ 4.5:1
Normal text — AAA
≥ 7:1
Large text — AA
≥ 3:1
Large text — AAA
≥ 4.5:1
UI components — AA
≥ 3:1
About this tool
WCAG contrast ratios determine readability for users with visual impairments. AA is the standard requirement for most websites. AAA is the enhanced standard. APCA (Advanced Perceptual Contrast Algorithm) is a newer, more perceptually accurate method. The bulk checker is useful for auditing full design system palettes.