Contrast Fixer

Knowing a colour pair fails is only half an answer. This is the contrast fixer for the other half: give it a failing pair and it returns the nearest accessible colour that passes. A contrast checker tells you 3.1:1 is not enough and leaves you guessing at shades until something sticks — which is how brand colours quietly turn into whatever passed first. This finds the nearest colour that works. It moves lightness and nothing else, so your hue and saturation survive: the result is recognisably the colour you chose, a little lighter or darker, rather than a different colour that happens to clear the bar. And it looks at every legal lightness rather than stopping at the first success, so a colour that only needs a 3% change gets a 3% change. You choose which colour is allowed to move. Brand palettes usually fix one of the two — the background is the page, or the text colour is the logo — and a suggestion that changes the wrong one is no use at all. Ask for a fix to the text, the background, or whichever is closer. All four WCAG grades are here: AA at 4.5:1 for body text, AA Large at 3:1 for headings of 18pt or 14pt bold, and the stricter AAA levels at 7:1 and 4.5:1. Everything runs in your browser.