Contrast checker

Is a text readable on its background? (WCAG).

What it does

The contrast between a text color and its background, with the WCAG 2 rules used for websites and apps (and a good guide for titles and subtitles).

AA: the usual minimum. 4.5:1 for normal text, 3:1 for large text (24 px and up, or 18.7 px bold) and for icons, buttons and charts.
AAA: the higher level. 7:1 for normal text, 4.5:1 for large text.
Closest color: the same hue, lighter or darker, just enough to pass. Tap to use it.
Type a HEX code, or use the color picker.
Light and dark theme: five colors per mode (background, text, secondary text, accent, text on the accent), checked in both modes; Adjust fixes what fails, keeping each hue; copy the CSS variables (the dark ones under prefers-color-scheme: dark).

Free, no account, nothing is sent: it runs in your browser, even offline.