WCAG Contrast Checker

Check color contrast ratios for accessibility

Foreground

Background

21.00:1

WCAG AA (Normal Text)✓ Pass (4.5:1)

WCAG AA (Large Text)✓ Pass (3:1)

WCAG AAA✓ Pass (7:1)

Normal text sample (16px)

Large text sample (24px)

Small text sample (14px)

.text {
  color: #000000;
  background-color: #ffffff;
}