Experiment

Contrast Lab

Drag two colors together and watch the WCAG ratio pass or fail in real time.

AccessibilityGenerative

Contrast Lab

The quick brown fox

jumps over the lazy dog

Sample text at 4.83:1

Foreground (text)

Background

4.83:1

Contrast ratio — passes 3 of 4 WCAG checks

AA normal textPass

AA large textPass

AAA normal textFail

AAA large textPass

Ratios follow the WCAG 2.x relative-luminance formula. AA needs 4.5:1 for normal text (3:1 large); AAA needs 7:1 (4.5:1 large). “Suggest a fix” nudges the text color toward black or white until AA-normal passes.