Contrast Checker

Check the contrast between two colors to ensure they meet accessibility standards.Accessibility

Foreground Color

Background Color

Ratio

Normal Text Minimum contrast ratio of 4.5:1

WCAG AA
WCAG AAA

Normal Text Example

Large Text Minimum contrast ratio of 3:1

WCAG AA
WCAG AAA

Large Text Example

Graphical Objects and User Interface Components Minimum contrast ratio of 3:1

WCAG AA
WCAG AAA

★ UI Component Example