Color Contrast Checker
Enter two colors (foreground and background) to instantly check their contrast ratio against WCAG 2.1 guidelines. See if your color combination passes AA and AAA requirements for normal text, large text, and UI components. Adjust colors interactively to find accessible combinations.
The quick brown fox jumps over the lazy dog.
Small text sample for visual comparison.
Contrast Ratio
17.93:1
All WCAG checks passed
WCAG 2.1 Compliance
AA Normal Text(≥ 4.5:1)
PASSAA Large Text(≥ 3:1)
PASSAAA Normal Text(≥ 7:1)
PASSAAA Large Text(≥ 4.5:1)
PASSUI Components(≥ 3:1)
PASS color contrast checker wcag contrast accessibility contrast contrast ratio aa aaa compliance