Make your text readable for everyone
Low-contrast text is one of the most common accessibility failures. This checker computes the exact contrast ratio between your text and background colors using the official WCAG relative-luminance formula, then tells you whether it passes AA (4.5:1 for normal text, 3:1 for large) and the stricter AAA (7:1 and 4.5:1). A live preview shows real text on your chosen colors.
Enter colors any way you like
Use the color pickers or type hex codes and rgb() values directly — the tool parses both. As you adjust either color, the ratio and pass/fail badges update instantly, so you can nudge a shade until it complies. Everything runs locally, making it a fast companion while designing UI, themes and marketing pages.
Features
- 01
- WCAG AA & AAA pass/fail results
- 02
- Live contrast ratio calculation
- 03
- Hex and RGB input with color pickers
- 04
- Live text preview on your colors
- 05
- Normal and large text thresholds
- 06
- Runs locally in your browser
