Home / Image & Color / Contrast Checker

โ— Contrast Checker

Check text/background colour contrast against WCAG AA and AAA.

About the Contrast Checker

Make sure your text is readable for everyone. Enter a text colour and a background colour to get the contrast ratio and see whether it passes WCAG AA and AAA for normal and large text, with a live preview.

How to use it

  1. Enter or pick the text colour.
  2. Enter or pick the background colour.
  3. Check the ratio and pass/fail results.

Frequently asked questions

What contrast ratio do I need?

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.

Related tools

๐Ÿ–ผ๏ธImage Editor & ConverterResize, crop, rotate, compress, apply filters and convert between JPG, PNG, WebP, AVIF, GIF.๐Ÿ”ŽImage Info & Base64Dimensions, format, size and dominant colour โ€” plus a Base64 data URI.๐ŸŽจColor Picker & PalettePick a colour, convert HEX/RGB/HSL, and generate shades and harmonies.โ–ฆQR Code GeneratorMake QR codes for links, text, Wi-Fi, email, phone or contacts. Download PNG or SVG.