Contrast Checker

Check color contrast ratios for accessibility. WCAG compliance, suggested alternatives, and live preview.

Foreground Color

Background Color

Sample Text

Contrast Ratio:15.91 : 1AA PassAAA Pass

Preview

Try different font sizes

Small Text (14px): The quick brown fox jumps over the lazy dog.

Normal Text (18px): The quick brown fox jumps over the lazy dog.

Large Text (24px): The quick brown fox jumps over the lazy dog.

WCAG Guidelines:

AA standard requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
AAA enhanced standard requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (18.66px) bold or larger, or 18 point (24px) or larger.