← The Lab
Experiment
Contrast Lab
Pick two colors and watch the WCAG ratio pass or fail in real time.
AccessibilityGenerative
Demo
Contrast Lab
The quick brown fox
jumps over the lazy dog
Sample text at 4.83:1
4.83:1
Contrast ratio — passes 3 of 4 WCAG checks
Contrast 4.83 to 1, passes 3 of 4
Already passes AA for normal text, so there is nothing to fix.
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.