Color Contrast Checker
Check if your color combinations are accessible.
Color Settings
Hello World
This is how your text looks against the background. Ensure it is readable for everyone.
Contrast Ratio
--
Waiting...
AA WCAG AA (Mid Level)
Normal Text
--
Large Text
--
AAA WCAG AAA (High Level)
Normal Text
--
Large Text
--
How to use Color Contrast Checker
- Select a Text Color.
- Select a Background Color.
- See the contrast score and WCAG pass/fail status.
About use Color Contrast Checker
Calculate the contrast ratio between text and background colors. Ensure compliance with WCAG AA and AAA accessibility standards.