Contrast Checker

Test color accessibility and WCAG compliance — ensure your designs work for everyone

Color Pairs
Aa
The quick brown fox
jumps over the lazy dog — 0123456789
13.98:1 · AAA
Background
Foreground (Text)
WCAG Compliance
AA Normal text (4.5:1)
AA Large text (3:1)
AAA Normal text (7:1)
AAA Large text (4.5:1)
1:13:14.5:17:121:1
Text Size Preview
Heading Text (24px)
Body text at 16px — comfortable reading size for most content.
Small / caption text at 12px — requires higher contrast for readability.

Related Tools

Color Blindness Simulator
Test visual impairments
Color Analyzer
Deep color analysis
Color Harmony Wheel
Explore color theory
Color Toner
Tints & shades
Color Converter
Convert color formats
Advanced Accessibility
Full WCAG suite

Ensure Accessible Design with WCAG Compliance

Guarantee your designs are accessible to everyone with our comprehensive contrast checker. Test color combinations against WCAG 2.1 guidelines and ensure your content is readable for users with visual impairments and different viewing conditions.

WCAG Contrast Requirements

AA Normal Text — Minimum ratio 4.5:1
AA Large Text — Minimum ratio 3:1
AAA Normal Text — Enhanced ratio 7:1
AAA Large Text — Enhanced ratio 4.5:1