WCAG Color Compliance Tool — Fix Failing Contrast
Quick Answer: Enter a color pair that fails WCAG contrast requirements. The tool suggests the minimum adjustments needed to pass -- typically darkening the foreground or lightening the background. Suggestions preserve the original hue while adjusting lightness.
rgb(109, 40, 217)
hsl(263, 70%, 50%)
CSS Values
color: #6d28d9;
color: rgb(109, 40, 217);
color: hsl(263, 70%, 50%);
FAQ
My brand color fails WCAG on white. What do I do?
Darken the brand color until it passes 4.5:1 on white, or use the brand color for large text/elements only (3:1 threshold). Reserve body text for high-contrast neutrals.
Can any color combination pass WCAG AAA?
Not all combinations can reach 7:1. Mid-tone colors (like medium blue or green) on white may only reach AA. Very dark or very light pairs are needed for AAA compliance.