Contrast check
#cc7722 on #f5f5f5 is 3.09:1
A mid orange on a near-white gray background. It passes AA for large text only. The nearest color that passes, with the hue held exactly, is #aa5d00.
| Used as | Needs | Verdict at 3.09: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: #aa5d00
Lightness moved, hue held exactly, chroma reduced by 0.009 to stay inside sRGB. Perceptual shift 0.093.
4.51:1 · up from 3.09: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