What is a good contrast ratio?

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

What counts as large text?

18pt (24px) regular or 14pt (18.5px) bold text qualifies as large.

Can I swap foreground and background?

Yes. Click Swap colors to reverse the two colors instantly.

What color formats work?

Enter 6-digit hex values like #000000 and #FFFFFF.

Is color contrast checker free?

Yes. WorkUtilities Color Contrast Checker is free with no signup.

← All Tools

Color Contrast Checker — WCAG

Check color contrast ratios for WCAG accessibility compliance.

Foreground

Background

Sample Text Preview

The quick brown fox jumps over the lazy dog

Contrast Ratio

21.00:1

AA Normal

AA Large

AAA Normal

AAA Large

How It Works

Pick Colors

Choose foreground and background colors

Check Ratio

See the contrast ratio instantly

Verify WCAG

Check AA and AAA compliance badges

Help Us Improve

Your feedback helps us build better tools.

About Color Contrast Checker

Our free Color Contrast Checker calculates WCAG contrast ratios between foreground and background colors. Test AA and AAA compliance for normal and large text.

Pick colors with native color pickers or enter hex values. See a live text preview and pass/fail badges for each WCAG level.

Essential for web designers, developers, and accessibility auditors ensuring readable text for all users.

Read the full guide: Color and design tools every developer needs

When Should You Use Color Contrast Checker?

Web accessibility

Verify text meets WCAG 2.1 AA or AAA contrast requirements.

Brand colors

Test brand palette combinations before launching a site.

UI design

Check button text and link colors against backgrounds.

Dark mode

Ensure readable contrast in dark theme designs.

Compliance audits

Document contrast ratios for accessibility reports.