Contrast Checker

WCAG 2.1 contrast for text, large text and UI components — with automatic fixes.

Text

Background

1.57:1

Fails WCAG AAFAIL

The quick brown fox

Large text · 18.66px bold or 24px regular

Normal text — body copy and controls

Below the AA thresholds. The correction below reaches a passing shade.

WCAG

AATextmin4.5

AALarge Textmin3

AAUImin3

AAATextmin7

AAALarge Textmin4.5

The closest shades of your text color that pass the target.

CurrentAa#94DE501.57:1

SuggestedAa#557F2E4.51:1

AAText

CurrentAa#94DE501.57:1

SuggestedAa#3F5F227.01:1

AAAText

Paste a palette (comma or space separated) to see every text/background pairing at once.

Pick a sample palette above, or paste your own.

Accessible Perceptual Contrast Algorithm — bronze reference ≈75.

25Lc

Poorbronze 75 Lc·fail

Loading…