Dark text on white
Input
#1B2522 on #FFFFFF
Output
15.7:1 / AA and AAA pass
Color Contrast Checker
Choose text and background colors to check their readable contrast.
Developer tools
Loading tool
What it helps with
- Check text before design handoff
- Compare brand colors
- Review a button or document color pair
How to use
- Enter or choose foreground and background colors.
- Read the live preview and contrast ratio.
- Review AA and AAA results for the text size you plan to use.
Examples
Good to know
- A passing ratio does not by itself make a full interface accessible; non-text contrast, states, typography, and context still require review.
FAQ
- What ratio does normal text need for WCAG AA?
- WCAG 2.2 criterion 1.4.3 uses at least 4.5:1 for normal text and 3:1 for large text.
- Does the tool round before deciding pass or fail?
- No. The full calculated ratio is used for the threshold; the displayed number is rounded only for readability.