Color Contrast Analyzer

Primary Contrast Analysis
Text Color
Background Color
Live Preview
Sample Text Content
Normal Text (16px)

This is how normal text would appear with these colors. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Large Text (24px)

Large heading example

Larger body text example

Contrast Analysis Results
21:1
WCAG AA Compliance
Normal Text: Pass
Large Text: Pass
Minimum: 4.5:1 (normal), 3:1 (large)
WCAG AAA Compliance
Normal Text: Pass
Large Text: Pass
Minimum: 7:1 (normal), 4.5:1 (large)
Readability Score
Excellent
Usage Recommendation
All text sizes
Color Difference
500+
Batch Color Analysis
Add Color Pairs for Batch Testing
Text Color
Background Color
Export & Share