Tools
Contrast checker
Check any two colors against WCAG standards — with smart fix suggestions that preserve the color's identity.
Contrast ratio
13.27
AA · Normal textPassAA · Large textPassAAA · Normal textPassAAA · Large textPass
Sample headline
This is sample body text showing how these two colors actually read — comfortable?
Sample buttonFAQ
Frequently asked questions
- What contrast ratio does WCAG require?
- For normal text, WCAG requires at least 4.5:1 (level AA) and 7:1 for AAA. Large text (18pt regular or 14pt bold) only needs 3:1.
- What's the difference between AA and AAA?
- AA is the recommended baseline for most sites (4.5:1 for body text); AAA is stricter (7:1) for sensitive content or low-vision audiences.
- How do I fix low contrast without changing the color's identity?
- Adjust the color's lightness gradually while keeping its hue fixed — the checker suggests the nearest shade that meets the target ratio in one tap.
- Does contrast apply to icons and borders too?
- Yes — non-text UI elements such as icons and input borders need at least 3:1 under WCAG 1.4.11.