Contrast check
#777777 on #111111 is 4.22:1
A mid gray on a near-black gray background. It passes AA for large text only. The nearest color that passes, with the hue held exactly, is #7c7c7c.
| Used as | Needs | Verdict at 4.22:1 |
|---|---|---|
| Body text (16px) | 4.5:1 | Fails |
| Small text (13px) | 4.5:1 | Fails |
| Large text (24px) | 3:1 | Passes |
| Bold 19px | 3:1 | Passes |
| Borders and icons | 3:1 | Passes |
| AAA body text | 7:1 | Fails |
The fix: #7c7c7c
Lightness moved, hue held exactly, chroma untouched. Perceptual shift 0.017, which is not visible side by side.
4.52:1 · up from 4.22:1
The same color on other backgrounds
This is one pair. Find every failing pair on your whole site.
Measured in sRGB against WCAG 2.2 by Contrastproof