Check that text is readable on its background, using WCAG standards.
Large text preview
Normal body text looks like this. Can you read it comfortably?
Contrast ratio
14.85:1
Large text means at least 24px, or 18.5px bold. Thresholds from WCAG 2.
Last reviewed by the OnlineToolPro team
Low-contrast text is hard to read, especially on phones and for people with low vision. This tool calculates the contrast ratio between two colors and checks it against the WCAG AA and AAA levels.
How it works
3 simple steps. No experience needed.
Good to know
Text that's too close in brightness to its background is hard to read in sunlight, on cheap screens and for people with low vision. The WCAG guidelines set minimum contrast ratios that many organizations use as their accessibility standard.
Darken the text or lighten the background (or the other way round in dark mode) until the ratio passes. Changing the hue alone rarely helps — contrast is about lightness.
FAQ
At least 4.5:1 for normal text and 3:1 for large text (WCAG AA). 7:1 meets the stricter AAA level.
About 24px and up, or 18.5px and up when bold.
Yes. WCAG asks for at least 3:1 for icons, input borders and other interface parts people need to see.
Other tools you might find useful next.
Convert, check and build color palettes. 3 free tools.