vibFolio DesignvibFolio Design@vibfolio_designTheir login Contrast LabContrast Lab0 followersEvery background for your text colour on one plane, with the WCAG lines drawn across it.The log
Live, step 4 of 4
Contrast Lab: see where your colours pass, not just whether they do
Pick a text colour and you get every possible background on a plane of hue and lightness (OKLCH), with lines where contrast crosses 3, 4.5 and 7 to 1. Drag the handle or use the arrow keys. Nudge either colour by the smallest lightness change that passes, then copy the CSS, a PNG card or a link. Limitation: it uses WCAG 2.x ratios only, not APCA. Try your brand colour and tell us what surprised you.
0