Free Color Contrast Checker
Check your color combinations against WCAG accessibility standards. See contrast ratios, grayscale previews, and colorblind simulations — free, no signup.
Check Color Contrast
Enter a foreground and background color to check WCAG contrast compliance. See how your combination looks in grayscale and for colorblind users.
Large Text (24px)
Normal body text at 16px — can you read this easily?
Small caption text at 12px for fine print and labels.
Large Text (24px)
Normal body text at 16px — can you read this easily?
Small caption text at 12px for fine print and labels.
Grayscale Test
If text is still readable in grayscale, your contrast works in all contexts — printouts, projectors, and low-color displays.
Large Text (24px)
Normal body text at 16px — can you read this easily?
Small caption text at 12px for fine print and labels.
Grayscale contrast ratio
Colorblind Simulation
Approximately 8% of men and 0.5% of women have some form of color vision deficiency. Check that your colors still work for everyone.
Sample Text
Body text at 14px.
Sample Text
Body text at 14px.
Sample Text
Body text at 14px.
Want more customization?
Open the full editor with 60+ widgets, templates, and AI generation.
How to Use
- 1
Pick your foreground color
Use the color picker or type a hex code for your text or data color.
- 2
Pick your background color
Set the background color you plan to use behind the text or chart element.
- 3
Read the contrast ratio
The tool instantly calculates the WCAG contrast ratio and shows AA/AAA pass or fail status.
- 4
Check accessibility previews
Review how your combination looks in grayscale and for colorblind users (protanopia, deuteranopia, tritanopia).
- 5
Fix failing combinations
If contrast is too low, use the suggested color or adjust until you pass AA at minimum.
Why Choose GraphMake?
Frequently Asked Questions
What is a good contrast ratio?
WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text (18px bold or 24px regular). AAA requires 7:1 for normal text. For infographics, aim for at least AA.
Why does contrast matter for infographics?
Low contrast makes text and data hard to read — especially on projectors, printed handouts, or mobile screens. Good contrast ensures your message gets across in any context. Read more at /blog/color-psychology-infographics.
What is WCAG?
WCAG (Web Content Accessibility Guidelines) is the international standard for digital accessibility. It defines minimum contrast ratios to ensure content is readable for people with visual impairments.
How do I fix low contrast?
Darken your text color or lighten your background (or vice versa). The tool suggests a passing color automatically. You can also try our /tools/color-palette-maker to find pre-tested palettes with good contrast built in.
Does this check colorblind accessibility?
Yes — the tool simulates protanopia (no red), deuteranopia (no green), and tritanopia (no blue) to show how your colors look to colorblind users.
Related Tools
Free Infographic Color Palette Generator
Find the perfect color palette for your infographic. Browse 15 curated, contrast-tested palettes or build your own. Free — no signup, no watermark on export.
Try it freeFree Chart Maker Online
Create beautiful charts in seconds with our free online chart maker. Choose from pie, bar, line, donut and more. No signup required — export as PNG instantly.
Try it freeFree Stat Card Maker
Create eye-catching statistic cards for infographics, dashboards, and presentations. Highlight key numbers with bold typography and icons. Free, no signup.
Try it freeLearn More
Color Psychology for Infographics: How to Pick Palettes That Work
Learn how color psychology affects readability, trust, and engagement in infographics. Includes palette formulas, common mistakes, and a free color palette maker.
Read more
Data Visualization Best Practices: 6 Rules That Fix 90% of Bad Charts
Most charts fail because of a handful of avoidable mistakes. Here are the rules that separate clear, effective data viz from confusing noise.
Read more
Infographic Size Guide: Dimensions for Every Platform
What size should your infographic be? The answer depends on where it'll be posted. Here's a no-nonsense reference for every common format.
Read moreBuild a Full Infographic
Combine charts, timelines, stat cards, and 45+ other widgets into a complete infographic.
Try the Full Editor