Color Contrast Checker

Check color contrast ratios for accessibility compliance

Choose Colors to Compare

Foreground Color

Background Color

Live Preview

Sample Text Preview
Large Text (18px+)
Small Text (14px)

Generate Random Color Combinations

Contrast Analysis

4.5:1
Good contrast
WCAG AA (Normal Text)
PASS
Requires 4.5:1 ratio
WCAG AA (Large Text)
PASS
Requires 3:1 ratio
WCAG AAA (Normal Text)
PASS
Requires 7:1 ratio
WCAG AAA (Large Text)
PASS
Requires 4.5:1 ratio