Check the color contrast of your text and background colors according to WCAG 2 guidelines. Ensure accessibility compliance.
Link copied to clipboard!
WCAG (Web Content Accessibility Guidelines) is a set of recommendations for making web content more accessible to people with disabilities. The guidelines define three levels of conformance: A, AA, and AAA. Level AA is the minimum standard most websites should meet.
Proper color contrast is essential for users with visual impairments, including color blindness, low vision, and those viewing content in challenging lighting conditions. High contrast ensures text is readable by everyone, improving the user experience and accessibility of your website.
The contrast ratio is calculated using the relative luminance of the foreground and background colors. A ratio of 4.5:1 is required for normal text to meet WCAG AA, while 3:1 is acceptable for large text (18pt+ or 14pt bold). AAA level requires 7:1 for normal text and 4.5:1 for large text.
Enter your background and foreground colors using hex codes, or use the color pickers to select colors visually. The tool will instantly calculate the contrast ratio and show you which WCAG levels your combination meets.
Click "Save Colors" to save your color combination for later. Use "Copy Link" to share your specific color combination with others via a URL that includes the colors as parameters.