Command Palette

Search for a command to run...

Color Contrast Checker

Check color contrast ratio against WCAG standards to ensure readability and accessibility.

Preview

Normal Text — The quick brown fox

Large Text — Lorem ipsum

Results

13.98:1

Contrast Ratio

WCAG AA (4.5:1)
Pass
WCAG AAA (7:1)
Pass
WCAG AA Large Text (3:1)
Pass

Features

  • Check WCAG AA and AAA compliance
  • Accurate contrast ratio display
  • Real-time text preview
  • Supports all color formats

How to Use

  1. Enter the foreground (text) color
  2. Enter the background color
  3. See WCAG compliance results instantly

FAQ

What is WCAG?

WCAG (Web Content Accessibility Guidelines) is an international standard for web accessibility. A contrast ratio of 4.5:1 (AA) ensures text is readable for most users.

Ensure your website meets WCAG standards with our free color contrast checker.