Contrast Checker
WCAG 2.1 contrast for text, large text and UI components — with automatic fixes.
2.88 : 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.
APCA (additional signal)
Accessible Perceptual Contrast Algorithm — bronze reference ≈75.
54 Lc
Borderline
APCA is shown as a secondary perceptual signal — WCAG 2.1 ratio remains the compliance metric for accessibility conformance.
Suggested fixes
The closest shades of your text color that pass the target.
#557D57 · 4.52:1
Passes AA normal text
#3F5D41 · 7.06:1
Passes AAA normal text
#000000 · 20.13:1
Best text color on this background
Palette matrix
Paste a palette (comma or space separated) to see every text/background pairing at once.