# How to fix colour contrast

> Text needs at least 4.5:1 contrast against its background (3:1 for large text). Light grey on white fails for many readers.

Accessibility · HTML version: https://getreport.app/learn/colour-contrast

## Text colour contrast

Passing looks like: Text has enough colour contrast.

**Why it matters.** Low-contrast text is hard to read on a phone in daylight and for the 1 in 12 men with reduced colour vision. WCAG asks for a 4.5:1 ratio for normal text and 3:1 for large text.

**How to fix it.**

1. Darken the text colour or lighten the background until the ratio reaches 4.5:1 (3:1 for text over 24 px, or bold text over 18.7 px).
2. Check grey helper text, placeholder text and text over images first; they fail most often.

Check your own page: https://getreport.app/