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
Readable text preview
Check normal-sized body text here too.
Contrast ratio
15.74:1
AA / Normal
Pass
AA / Large
Pass
AAA / Normal
Pass
AAA / Large
Pass
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.
Related tools
Nearby utilities from the KoguNavi toolbox.
Image tools
Responsive Image Exporter
Export one source image into practical responsive sizes for web, cards, OGP, and SNS.
Open tool →
Image tools
Image Compressor & WebP Converter
Compress JPEG/PNG images and convert to WebP.
Open tool →
Developer tools
HTML Live Preview
Paste HTML and preview a sandboxed rendered page.
Open tool →