Contrast Checker
WCAG 2.1 contrast for text, large text and UI components — with automatic fixes.
17.26 : 1
The quick brown fox
Large text · 18.66px bold or 24px regular
Normal text — body copy and controls
AA normal ✓AA large ✓AA UI 3:1 ✓AAA normal ✓AAA large ✓
AA: ≥4.5 normal, ≥3 large/UI. AAA: ≥7 normal, ≥4.5 large.
Suggested fixes
The closest shades of your text color that pass the target.
#000000 · 20.13:1
Best text color on this background
✓ This combination already passes AA — no fix needed.
Palette matrix
Paste a palette (comma or space separated) to see every text/background pairing at once.