♿ Accessibility Tool

Color Contrast Checker

Test foreground and background colors against WCAG AA and AAA accessibility standards instantly.

Large Text Sample (18pt bold)
Normal text sample — how readable is this combination?
Small UI text at 14px weight 400
Contrast Ratio

Understanding WCAG Color Contrast

The Web Content Accessibility Guidelines (WCAG) are the international standard for web accessibility. Color contrast requirements ensure that people with low vision, color blindness, or aging eyes can read your content.

The Three Levels

What Counts as "Large Text"?

WCAG defines large text as 18pt (24px) or larger, OR 14pt (approximately 18.67px) bold or larger. Headlines on a website typically qualify; body copy does not.

Common Failures

Light gray text on white backgrounds is the most common failure. Medium gray (#888888) on white has a contrast ratio of only 3.54:1 — failing AA for normal text. Dark gray (#595959) on white barely passes AA at 4.6:1.

Affiliate disclosure: links below earn a small commission at no cost to you.
🖥️
LG 27" 4K Monitor — Accurate Color for Design Work
★★★★☆ 4.5 · 8,400+ reviews
Accurate color reproduction makes accessibility testing more reliable. IPS panel with 99% sRGB coverage.
Check Price on Amazon