The LaboratoryK4O5 · Free tool · New
Contrast Lab
Pick a text colour and a background and get the exact WCAG contrast ratio, with a pass or fail for body text, large text and interface parts. If it fails, the lab finds the closest colour that passes and shows you.
Runs in your browser. Nothing you add is uploaded or stored.
Text colour
Background
Quick pairs
3.11 : 1
Large heading, 32 pixels
Body text at 16 pixels. The quick brown fox jumps over the lazy dog, and the contrast ratio decides who can read it.
Small print at 13 pixels is the first thing to fail.
Body textAA needs 4.5 to 1Fail
Large textAA needs 3 to 1Pass
Body text, enhancedAAA needs 7 to 1Fail
Large text, enhancedAAA needs 4.5 to 1Fail
Icons and bordersAA needs 3 to 1Pass
Nearest colours that pass
More from the lab
Need something built around you?
The lab is where we experiment. If you need something made specifically for your business, that is the rest of what we do.