Contrast Checker

Check WCAG contrast accessibility.

Web Utility
Loading Tool...

How to use Contrast Checker

01

Select your foreground and background colors.

02

Review the PASS/FAIL status for each standard.

03

Adjust colors until you meet the requirements.

Frequently Asked Questions

What is the AA limit?

For normal text, WCAG AA requires a contrast ratio of 4.5:1.

Does it check AAA?

Yes, we check both AA and AAA standards for normal and large text.

Why use this?

To ensure your website is accessible to users with visual impairments.

Related Tools

Color Picker

Pick colors and get HEX/RGB values.

Gradient Generator

Design custom CSS linear gradients.

Box Shadow Generator

Create custom CSS box shadows.

Border Radius Generator

Create rounded corners for UI.