Contrast checker

Pick a text and a background color. We calculate the WCAG 2.1 contrast ratio, rate it, and suggest the nearest passing color when it fails.

Text color

Background color

Contrast ratio —

Small textAAAAA

Large textAAAAA

UI componentsAA 3:1

The quick brown fox jumps over the lazy dog. Edit this text to preview your own copy at normal size. Large text is 18pt+ (24px) or 14pt+ bold.

ButtonInput field

Suggest a fix

Nearest text colors (same hue and saturation, lightness adjusted) that reach AA and AAA against the background. Click Apply to use one.

Contrast ratioCompares the relative luminance of two colors, from 1:1 (identical) to 21:1 (black on white).

AAMinimum for most sites: 4.5:1 for normal text, 3:1 for large text (≥24px, or ≥19px bold) and UI components.

AAAEnhanced level: 7:1 for normal text and 4.5:1 for large text.

StarsBelow 3 is poor, 3–4.5 fair, 4.5–7 good, 7–12 very good, above 12 super.