Contrast
When a pair fails, this finds the closest colour that passes and keeps your hue.
Yours
on
2.69:1
Too faint for text. Decoration only.
Body copy at 18px is where most pairs fall apart.
Secondary text at 14px.
Nearest pass, lightness −14%
on
4.52:1
Good for body text.
Body copy at 18px is where most pairs fall apart.
Secondary text at 14px.
Arrow keys in a field nudge lightness by 1%, Shift by 5%.
Try a pair
WCAG 2.2
| AA | AAA | |
|---|---|---|
| Body text | Fail4.5:1 | Fail7:1 |
| Large text, 24px or 19px bold | Fail3:1 | Fail4.5:1 |
| Buttons, icons and borders | Fail3:1 | Not defined |