Color Contrast Checker

Ensure your colors meet WCAG accessibility standards

WCAG Compliant
Real-time Analysis
Color Accessible

Color Selection

Quick Presets

Live Preview

Large Bold Heading
Large Text (18px Bold)
Normal text content that demonstrates how readable the selected color combination is for regular paragraph text.
Small text (14px) showing contrast at smaller sizes.
Sample Link |

Contrast Ratio

21.0 : 1
Excellent Contrast
This color combination provides excellent readability for all users.

WCAG Compliance

Normal Text (under 18px)

WCAG AA
Ratio ≥ 4.5:1
WCAG AAA
Ratio ≥ 7:1

Large Text (18px+ or 14px+ bold)

WCAG AA
Ratio ≥ 3:1
WCAG AAA
Ratio ≥ 4.5:1
Passes all accessibility standards

Powered by
►
Necessary cookies enable essential site features like secure log-ins and consent preference adjustments. They do not store personal data.
None
►
Functional cookies support features like content sharing on social media, collecting feedback, and enabling third-party tools.
None
►
Analytical cookies track visitor interactions, providing insights on metrics like visitor count, bounce rate, and traffic sources.
None
►
Advertisement cookies deliver personalized ads based on your previous visits and analyze the effectiveness of ad campaigns.
None
Powered by