Contrast Checker

WCAG 2.1 contrast ratio checker. Test text readability against any background.

17.06:1
Excellent
Normal Text (16px)
AA AAA

The quick brown fox jumps over the lazy dog. This is how your normal body text will look with these colors.

Large Text (24px+)
AA AAA

Large heading text with bold weight.

Preview Heading

This is a full preview of how your text looks against the background. Check if it feels comfortable to read for extended periods.

Smaller text like captions and footnotes. These need even better contrast to remain readable.

📖 WCAG 2.1 Guidelines

AA Normal: Minimum 4.5:1 ratio for body text
AA Large: Minimum 3:1 for text ≥18pt or ≥14pt bold
AAA Normal: Enhanced 7:1 for body text
AAA Large: Enhanced 4.5:1 for large text
🎨 Hue Pro coming soon
Brand guide builder, font pairing, mockup generator. Get early access.