Contrast Checker

WCAG accessibility contrast ratio checker

Foreground (Text)

Background

—

Contrast Ratio

Preview

The quick brown fox jumps over the lazy dog.

Large Bold Text (18pt+)

Small text at 12px — harder to read

—Foreground luminance

—Background luminance

White on Black

21:1 — Maximum

Black on White

21:1 — Maximum

Gold on Dark

High contrast

Purple on Navy

Medium contrast

Neon Green on Dark

Bright accent

Gray on Gray

Very low contrast