lilContrast
WCAG color contrast checker. Test a text and background pair, see a live sample, and get the nearest passing shade.
WCAG color contrast checker. Test a text and background pair, see a live sample, and get the nearest passing shade.
Nearest passing text color
WCAG measures the luminance ratio between text and background, from 1:1 (invisible) to 21:1 (black on white). AA needs 4.5:1 for normal text and 3:1 for large text (18pt+, or 14pt bold). AAA raises those to 7:1 and 4.5:1.
Large heading text
Normal body text looks like this. If you squint to read it, your visitors with low vision simply cannot.
Button labelBuild a palette with lilPalette, lock in a set of shades that work together, then bring the pairs back here to make sure every one of them is readable.
Build professional email signatures that work in Gmail and Outlook in two minutes.
Open lilSignaturePaste SVG code to preview it live, recolor it, set a transparent background, and export as SVG, PNG, JPG, or WebP.
Open lilSVGDescribe your business and get an AI brand color palette with a downloadable mood board.
Open lilPaletteWe take the repetitive work that eats your week and automate as much of it as we can, so the only things left on your plate are the ones that actually need you.
