Contrast checker
Text color page →Background color page →Open as palette →
3.11:1 · AA Large
Flashing Blush Beam on White
#ff5470 text on #ffffff. Edit either side to see the ratio change live — the URL updates as you go.
Live preview
The quick brown fox jumps over the lazy dog.
Body copy at a comfortable reading size. If this paragraph feels like work, your ratio is too low for long-form text.
Small print — captions, metadata, legal disclaimers. This is the size that WCAG AA was designed to protect.
ButtonSolid chip#ff5470 on #ffffff
WCAG 2.1 contrast
3.11
: 1
AA LargeLarge text and UI only — not safe for body copy.
| Usage | AA | AAA |
|---|---|---|
Normal text Under 18pt regular or 14pt bold | FailNeeds 4.5:1 | FailNeeds 7:1 |
Large text 18pt+ regular or 14pt+ bold | PassNeeds 3:1 | FailNeeds 4.5:1 |
UI components Icons, borders, focus rings | PassNeeds 3:1 | PassNeeds 3:1 |
Text
Flashing Blush Beam
#
Background
White
#
What the grades mean
WCAG 2.1 thresholds in plain English
- AAA (≥ 7:1) — top-tier. Small body copy reads well for users with moderate low vision without needing to squint.
- AA (≥ 4.5:1) — the accepted legal baseline for most public websites. WCAG 2.1 success criterion 1.4.3.
- AA Large (≥ 3:1) — fine for headings (18pt+ regular or 14pt+ bold) and UI components, but not body text.
- Fail(< 3:1) — below the floor for any usage. Hard to read for users with standard vision; unusable for users with low vision.