How do I fix a color that fails contrast?

Enter the text and background colors; the tool adjusts lightness the minimum amount needed to reach WCAG AA (4.5:1) or AAA (7:1) while keeping your hue.

What contrast ratio do I need?

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

Will fixing contrast change my brand color?

Only its lightness — the hue is preserved, so the result still reads as the same color, just light or dark enough to be readable.

Contrast Fix

Enter text and background colors; auto-generate WCAG-compliant fix suggestions

Switch to APCA

Text Color Background Color

Fix Suggestions

Select a suggestion to preview the value and apply to your project

Live Preview

Check headings, body text and buttons with the fixed colors

About Contrast Fix Tool

Fix failing color contrast automatically. Get WCAG AA (4.5:1) or AAA (7:1) compliant alternatives for any text/background pair while preserving the original hue. Feed in a failing text/background pair and the tool computes the closest replacement that clears AA or AAA — without guessing at values by hand.

Useful the moment an accessibility review flags a failing pair — it finds a fix that stays close to the original hue instead of forcing a jarring color swap.

Common questions

How do I fix a color that fails contrast? Enter the text and background colors; the tool adjusts lightness the minimum amount needed to reach WCAG AA (4.5:1) or AAA (7:1) while keeping your hue.
What contrast ratio do I need? WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1 respectively.
Will fixing contrast change my brand color? Only its lightness — the hue is preserved, so the result still reads as the same color, just light or dark enough to be readable.