Color contrast checker (WCAG)
Compute the contrast ratio between text and background colors and check whether it meets WCAG 2.1 AA and AAA accessibility guidelines.
—
| AA | AAA | |
|---|---|---|
| Normal text | ||
| Large text (24 px or 18.5 px bold) | ||
| Icons and UI components | — |
Large sample text
This is a normal paragraph to check how readable the chosen color is on the background.
Small text · 14 px
How it works
Pick the text color and the background color and you will see the contrast ratio (from 1:1 to 21:1), a preview with normal and large text, and whether it passes WCAG 2.1 levels AA and AAA.
If it fails, the tool suggests the closest variant of the text color that reaches level AA, so you can fix the design without changing the brand identity.
Frequently asked questions
What minimum contrast does WCAG require?
Level AA: 4.5:1 for normal text and 3:1 for large text (24 px, or 18.5 px bold). Level AAA: 7:1 and 4.5:1.
Why does contrast matter?
Good contrast makes text readable for people with low vision, color blindness or screens in sunlight, and it is a legal accessibility requirement in many countries.
Related tools
Favicon generator online
Design your website favicon with text, initials or an emoji, or create it from an image. Download favicon.ico, PNGs in every size, a manifest and HTML code.
Open toolFree QR code generator
Create free QR codes for links, text, WiFi, email or WhatsApp. Pick colors and size and download them as PNG or SVG. No expiry, no sign-up.
Open toolHEX, RGB and HSL color converter
Convert colors between HEX, RGB and HSL, pick colors with the color picker and generate a shade scale ready to copy as CSS variables.
Open toolCSS gradient generator
Create linear, radial and conic gradients with multiple colors, preview them live and copy the ready-to-use CSS code.
Open toolResize, compress and convert images
Shrink, compress and convert images to JPG, PNG or WebP without uploading them anywhere. Ideal for speeding up your site and meeting size limits.
Open toolNeed a custom tool for your business?
Tell us about your case and in 30 minutes we'll give you a clear diagnosis: what's going on, what to do first and what it might cost. No strings attached.