Contrast Checker

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

Text

Background

3.24: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#D055EE3.24:1

SuggestedAa#AD46C54.51:1

AAText

CurrentAa#D055EE3.24:1

SuggestedAa#8135947.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.

58Lc

Borderlinebronze 75 Lc·fail

Loading…