About Color Contrast Checker
Ensure your design is accessible to everyone. Our checker evaluates color pairs against WCAG AA and AAA standards, providing a contrast ratio and pass/fail indicators to help you maintain legibility and inclusivity.
Color Contrast Checker
Check accessibility standards for your color combinations.
Back to Design & UI
Design Preview
This is an example of how your text elements would look with this color combination.
Contrast Ratio
3.68:1
Normal Text (AA)
Require: 4.5:1Normal Text (AAA)
Require: 7.0:1Large Text (AA)
Require: 3.0:1Large Text (AAA)
Require: 4.5:1Something not working right?
Found a bug or have a suggestion to improve the Color Contrast Checker? Let us know and we'll fix it!