Contrast Checker

Check the contrast between colors to ensure legibility and accessibility compliance.

Popular Combinations

Preview

Sample Text

Contrast Results

Contrast Ratio
21:1
WCAG AA
WCAG AAA

WCAG Guidelines

WCAG AA Requirements

  • • Normal Text: 4.5:1
  • • Large Text: 3:1

WCAG AAA Requirements

  • • Normal Text: 7:1
  • • Large Text: 4.5:1