Color & Design Tools / Contrast Checker
Contrast Checker
Check color contrast ratio for accessibility compliance.
Sample Text
-
Contrast Ratio
-
WCAG Rating
Features
- WCAG AA and AAA ratings
- Live text preview
- Instant results
- Free, unlimited use
How to Use
Step 1
Choose a text color.
Step 2
Choose a background color.
Step 3
Review the contrast ratio and WCAG rating.
About This Tool
Contrast Checker calculates the contrast ratio between two colors and rates it against WCAG accessibility standards, helping ensure text stays readable.
Formula used: Contrast Ratio = (L1 + 0.05) / (L2 + 0.05), where L1 and L2 are the relative luminance of the lighter and darker colors.
Frequently Asked Questions
What ratio do I need for normal text?
At least 4.5:1 to meet the WCAG AA standard.
What about large text?
Large text only needs a 3:1 ratio to meet AA.