How to Use Color Contrast Checker
- 1
Enter foreground and background colors.
- 2
Review the contrast ratio.
- 3
Check AA and AAA results for normal and large text.
- 4
Adjust or swap colors until the combination passes.
Frequently Asked Questions
What is a good contrast ratio?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text.
What is AAA contrast?
AAA is stricter: 7:1 for normal text and 4.5:1 for large text.
Does black on white pass?
Yes. Black on white has a 21:1 contrast ratio.
Can I use shorthand hex?
Yes. Values like #000 are normalized to full hex.