Contrast Checker

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

Text

Background

3.00: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#E94DEA3.00:1

SuggestedAa#BA3DBB4.50:1

AAText

CurrentAa#E94DEA3.00:1

SuggestedAa#8B2E8C7.02: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.

54Lc

Borderlinebronze 75 Lc·fail

Loading…