Select any color using the wheel.
The tool will display the highest WCAG-compliant contrast color and accessibility score.
Choose your background color, then either let the tool suggest the best text color or pick your own. See real-time WCAG compliance scores and get color suggestions that meet accessibility standards.
1. Choose Background Color
2. Choose Text/Button Color
This is sample text on your background
Contrast Ratio
21.0:1
WCAG AA (4.5:1 min)
Pass
WCAG AAA (7.0:1 min)
Pass
Suggested Text Colors (AAA Compliant)
Why this matters:
Accessible contrast is calculated using relative luminance per WCAG standards. Colors that look different may not provide sufficient contrast for users with visual impairments.
- WCAG AA (normal) 4.5:1 minimum
- WCAG AA (large) 3.0:1 minimum
- WCAG AAA (normal) 7.0:1 minimum
This page achieves a perfect 10/10 WAVE score using our Accessibility Widget - the same tool that improved our score from 8.8 to 10.0