WCAG Contrast Checker

Your browser is too old for this tool’s interactive features. Please update to Safari 13.1, Chrome or Edge 80, Firefox 74 or newer.

📝 Foreground (text)

🎨 Background

The quick brown fox jumps over the lazy dog.

Normal text — 16px regular body copy

Large heading text

Large text — about 24px regular, or about 18.5px bold

Contrast Ratio (WCAG 2.1 SC 1.4.3)

—

Relative luminance — FG: — · BG: —

AA Normal (4.5:1)

—

AA Large (3:1)

—

AAA Normal (7:1)

—

AAA Large (4.5:1)

—

UI Components (3:1)

—

Enter two valid 6-digit hex colors (#RRGGBB)