Contrast checker — with a fixer
Most checkers only tell you that you failed. This one suggests the nearest passing version of your color, one click away.
2.52:1
Make it pass AA — keep the hue, shift the lightness:
Click a suggestion to apply it as the text color.
What the WCAG numbers actually mean
The ratio compares the relative luminance of your two colors, from 1:1 (identical) to 21:1 (black on white).AA requires 4.5:1 for normal text and 3:1 for large text (24px+, or 18.5px+ bold).AAA raises that to 7:1 and 4.5:1 respectively. AA is the legal bar in most jurisdictions and the minimum you should ship; AAA is worth it for body text people read for minutes at a time.
How the fixer works: we convert your text color to OKLCH — a color space where lightness is perceptually uniform — then walk its lightness up and down until the ratio passes, leaving hue and chroma untouched. The result passes WCAG but still reads as your color, which matters when the failing color is a brand color you can't just swap for gray.
Two things checkers can't see: thin font weights fail in practice at ratios that pass on paper, and color-blind users may struggle with hue pairs (red/green) that have fine contrast numbers. When in doubt, test with real text at real size — the live preview above uses your actual colors for exactly that reason.