Color Contrast Checker

Contrast
Checker

Ensure your color combinations meet WCAG accessibility guidelines. Test contrast ratios and find accessible color palettes for your design.

Color Selection

Contrast Results

Sample Text

This is how your text will look

Small text for testing readability

21:1
Contrast Ratio
WCAG AAA
Normal Text (AA)
Large Text (AA)
Enhanced (AAA)

Preset Combinations

Try these accessible color combinations as starting points.

Black on White

21:1

Sample text with this combination

Smaller text example

Dark Blue on Light Blue

7.15:1

Sample text with this combination

Smaller text example

Dark Gray on Light Gray

9.37:1

Sample text with this combination

Smaller text example

White on Dark Blue

8.72:1

Sample text with this combination

Smaller text example

Accessibility Tips

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text

WCAG AAA requires a contrast ratio of at least 7:1 for normal text

Large text (18pt+ or 14pt+ bold) only needs 3:1 for AA compliance

Use color combinations that work for users with color vision deficiencies

Ready to Make Your Website Accessible?

Join 50,000+ websites using AxOrigin to provide inclusive experiences for all users.

14-day free trial
WCAG 2.1, 2.2 and ADA compliance
2-minute setup