Free Tool

Color Contrast Checker (WCAG)

Check if your text and background color combination meets WCAG 2.1 accessibility standards. Enter two colors to see the contrast ratio and pass/fail results.

Preview Text

This is how your text looks on this background.

Contrast Ratio
—
Normal Text (AA)
—
Min 4.5:1
Large Text (AA)
—
Min 3:1
Normal Text (AAA)
—
Min 7:1
Large Text (AAA)
—
Min 4.5:1

— checks performed

Standards

WCAG 2.1 Contrast Requirements

Level AA — Normal Text

Requires a contrast ratio of at least 4.5:1. Applies to body text under 18pt (or 14pt bold).

Level AA — Large Text

Requires at least 3:1. Large text is 18pt+ (or 14pt+ bold). Headings typically qualify.

Level AAA — Normal Text

Requires 7:1 for the highest accessibility standard. Recommended for critical content.

Level AAA — Large Text

Requires 4.5:1 for large text at the highest level. Best for maximum readability.

FAQ

Frequently Asked Questions

What contrast ratio should I aim for?
For most websites, WCAG AA (4.5:1 for normal text, 3:1 for large text) is the standard. AAA is ideal but not always practical for design. We recommend AA as the minimum.
Is color contrast legally required?
In many jurisdictions, yes. The EU European Accessibility Act, UK Equality Act, and US ADA all reference WCAG standards. Failing to meet these can result in legal liability.
My brand colors fail contrast. What do I do?
Darken light colors or lighten dark colors slightly. Often a small adjustment (1-2 shades) is enough to pass while maintaining brand identity. Our team can help — book a free consultation.
Does this check cover all accessibility needs?
Color contrast is one aspect of accessibility. Full WCAG compliance also covers keyboard navigation, screen reader support, alt text, form labels, and more. Consider a full accessibility audit.

More Free Tools

QR Code Generator

Create QR codes for URLs, text, WiFi and more

Terms & Conditions Generator

Generate T&C for services, stores, or SaaS

Email Signature Generator

Build a professional HTML email signature

WP Hash Generator

Create WordPress-compatible password hashes

Downtime Calculator

Calculate how much downtime costs your business

Accessibility Statement

Publish a WCAG 2.1 / ADA conformance statement
Ali Shan
Talk to Ali Shan directly CEO & Director

Ready to Start Your Next Project?

Let's discuss how we can help transform your digital presence. Get in touch for a free consultation.

Post a Project WhatsApp Us
Free consultation Avg. reply: 2 hours NDA-protected work