Check the contrast. Get a colour that passes.
Enter text and background colour and see at once whether the pair meets WCAG. If not, we suggest the nearest shade that passes: same hue, only lighter or darker.
Your input stays in your browser. We neither store nor send anything.
Contrast ratio 6.12:1
- Text AA 1.4.3at least 4.50:1 pass
- Large text AA 1.4.3at least 3.00:1 pass
- UI components and graphics 1.4.11at least 3.00:1 pass
- Text AAA 1.4.6at least 7.00:1 fail
- Large text AAA 1.4.6at least 4.50:1 pass
Shades that pass
Same hue, only the lightness changed. Pick a suggestion to apply it.
- for text (4.5:1)
#5d626c6.12:1pass - for large text and UI (3:1)
#5d626c6.12:1pass - for AAA (7:1)
#5559637.01:1Apply: Text colour #555963
Check a whole palette
Paste your brand colours, separated by commas or line breaks (up to 12). The matrix shows which pairs you can use for text.
#16181d | #ffffff | #c41e2a | #ffce00 | #8a6100 | #f4f1ea | |
|---|---|---|---|---|---|---|
#16181d | 17.75:1 AA | 3.01:1 AA+ | 11.90:1 AA | 3.20:1 AA+ | 15.74:1 AA | |
#ffffff | 17.75:1 AA | 5.88:1 AA | 1.49:1 – | 5.54:1 AA | 1.12:1 – | |
#c41e2a | 3.01:1 AA+ | 5.88:1 AA | 3.94:1 AA+ | 1.06:1 – | 5.22:1 AA | |
#ffce00 | 11.90:1 AA | 1.49:1 – | 3.94:1 AA+ | 3.71:1 AA+ | 1.32:1 – | |
#8a6100 | 3.20:1 AA+ | 5.54:1 AA | 1.06:1 – | 3.71:1 AA+ | 4.91:1 AA | |
#f4f1ea | 15.74:1 AA | 1.12:1 – | 5.22:1 AA | 1.32:1 – | 4.91:1 AA |
AA = fine for text (4.5:1 or more) · AA+ = large text and UI only (3:1 or more) · – = not suitable
Good to know
Large text in WCAG means at least 24 px, or 18.66 px bold (18 or 14 points). UI components and graphics (1.4.11 Non-text Contrast) need 3:1 against their surroundings, for example input borders and icons.
We never round the ratio up. 4.49:1 is not 4.5:1.
Continue with
Am I affected by the EAA?
Five questions about the European Accessibility Act and its national laws. You get a clear assessment with next steps, ready to print or save as PDF.
Accessibility statement generator
Fill in the fields, watch the preview, copy it as HTML or text. Based on the EU model statement and the EAA information duties.
Keyboard test
Through the page without a mouse: visible focus, logical order, no trap. With a practice area, a focus trail and a five-minute guide.
Checklists for your team
One list each for design, development, content and procurement. Progress stays in your browser; printable.