Design Tools

WCAG Color Contrast Ratio Checker

Test foreground and background color combinations against WCAG 2.1 AA and AAA accessibility standards.

The quick brown fox jumps over the lazy dog. (18pt Bold / 14pt Regular)
Contrast Ratio: 4.82 : 1 (WCAG AA PASS)

Recommended developer stack

DigitalOcean Cloud $200 free credit

Reliable SSD droplets, managed databases, and Kubernetes clusters deployed in seconds.

Claim $200 free credit
Supabase Postgres Free tier

The open source Firebase alternative. Dedicated Postgres DB, instant Auth, and REST/GraphQL APIs.

Start free project
NordVPN Security 74% off deal

Protect your developer workstations, APIs, and DNS queries with fast, encrypted tunnels.

Get 74% off deal

Affiliate Disclosure: We may earn a commission from partner signups at zero cost to you, which funds our free tools and ad-free hosting.

Frequently Asked Questions

What is the minimum WCAG contrast ratio?

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text (18pt+).

How is relative luminance calculated?

Using the official W3C formula based on sRGB color space conversion.

Does it provide a visual text preview?

Yes, see live text rendering across small, medium, and large typography.

Embed this Tool on Your Site

Copy and paste this snippet into your blog, documentation, or tech site to embed this interactive utility: