WCAG 2.2 AA / AAA • 100% IN BROWSER • LIVE PREVIEW

Color Contrast Checker (WCAG 2.2)

Check text readability and interface accessibility for people with different levels of vision. Get the contrast ratio instantly, see pass/fail results for WCAG 2.2 AA / AAA, and try ready-made high-contrast color pairs.

Ready-made tested pairs:
Contrast ratio:
13.4:1
✓ Text AA
Min. 4.5:1
✓ Text AAA
Min. 7.0:1
✓ Large text AA
Min. 3.0:1
✓ UI & icons
Min. 3.0:1
UI Component Preview
18px / 14px Text Samples

Interface component heading

This paragraph shows how comfortable it is for your users to read body text with the selected color scheme. Meeting WCAG contrast requirements makes your content readable for far more people.

Relative Luminance Test Passed WCAG 2.2 AAA
Colors: FG: #06B6D4 | BG: #090D16

More tools for designers and front-end developers:

🛠️

Related Developer & Office Tools

All tools →

Was this tool useful?

The site is free and has no paywalls. A small tip in TON or a share helps keep it running and add new tools.

Share in Telegram