Contrast Checker
Our Color Contrast Checker helps ensure your color combinations meet accessibility standards. Test text and background colors for WCAG compliance.
How to Use
- Select foreground (text) color using the color picker
- Choose background color using the color picker
- View the contrast ratio and WCAG compliance results
- Adjust colors until you achieve the desired accessibility level
- Copy color codes in your preferred format
Saved Color Pairs
Related Tools
Frequently Asked Questions
What is WCAG compliance?
WCAG (Web Content Accessibility Guidelines) sets standards for web accessibility, including minimum contrast ratios between text and background colors.
What are the minimum contrast requirements?
WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. For enhanced accessibility, aim for 7:1 and 4.5:1 respectively.
How is contrast ratio calculated?
Contrast ratio is calculated using the relative luminance of the lighter and darker colors, following the WCAG formula (L1 + 0.05) / (L2 + 0.05).
What color formats are supported?
You can input colors in HEX, RGB, or HSL format. The tool will automatically convert between formats.
Can I save color combinations?
Yes, you can save color pairs that pass accessibility requirements for future reference.