Accessibility Certified – Home
Free check Menu

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.

Hex value, for example #16181d

Hex value, for example #16181d

Contrast ratio 7.01:1

Sample text at normal sizeLarge text
  • 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 pass
  • 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)#5559637.01:1pass
  • for large text and UI (3:1)#5559637.01:1pass
  • for AAA (7:1)#5559637.01:1pass

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.

Contrast of every pair. Rows: text colour, columns: background.
#16181d #ffffff #c41e2a #ffce00 #8a6100 #f4f1ea
#16181d17.75:1 AA3.01:1 AA+11.90:1 AA3.20:1 AA+15.74:1 AA
#ffffff17.75:1 AA5.88:1 AA1.49:1 –5.54:1 AA1.12:1 –
#c41e2a3.01:1 AA+5.88:1 AA3.94:1 AA+1.06:1 –5.22:1 AA
#ffce0011.90:1 AA1.49:1 –3.94:1 AA+3.71:1 AA+1.32:1 –
#8a61003.20:1 AA+5.54:1 AA1.06:1 –3.71:1 AA+4.91:1 AA
#f4f1ea15.74:1 AA1.12:1 –5.22:1 AA1.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.