Contrast Checker
WebAIM Contrast Checker evaluates foreground and background colors against accessibility contrast requirements.
About Contrast Checker
Contrast Checker evaluates foreground and background color combinations and shows the contrast ratio with WCAG AA and AAA pass/fail results for normal text, large text, and graphical objects and interface components. Users can enter RGB hexadecimal values or use the color picker, adjust foreground transparency and lightness, extract on-screen colors with the eyedropper, and use a JSON API, page bookmarklet, or separate link checker for links identified by color alone.
Key features
- Evaluate foreground and background colors against WCAG AA and AAA
- Check normal text, large text, and interface components separately
- Enter RGB hex values or select colors with color picker
- Adjust foreground transparency and perceived lightness
- Extract on-screen colors with eyedropper tool
- Get JSON results via API or test pages with bookmarklet
Best for: People checking foreground and background color combinations against WCAG contrast requirements.
Good for
- Covers text and interface-component contrast in one place
- Provides API returning ratio and AA/AAA pass/fail states
- Provides bookmarklet for testing content directly on pages
Contrast Checker at a glance
- Category
- Design & Creative › Color Tools
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 5, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Color Tools
Contrast Checker alternatives
Tools and sites you could use instead, ranked by how closely they match.
Colour Contrast Checker evaluates color combinations against WCAG contrast standards.
Adjust foreground and background colors in Colorable to see the resulting text contrast score.
Explore accessible foreground and background colors with Color.review, which displays contrast measurements.
Generate translucent color equivalents with Alphredo by adjusting a palette against a chosen background.
Accessible Color Matrix helps users build color palettes that account for accessibility.
Interface designers can use Color & Contrast as a guide to color choices and combinations.
Popular in Color Tools
Well-known listings from the same topic.
accessiblepaletteaccessiblepalette.comhue.toolshue.toolsAdobe Colorcolor.adobe.comCoolorscoolors.coColor Pickerimagecolorpicker.comSchemeColorschemecolor.com
Contrast Checker FAQ
What contrast ratios are required for WCAG AA and AAA?
WCAG 2.0 AA requires at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires at least 3:1 for graphics and interface components. AAA requires at least 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
How can I get contrast results programmatically?
Append &api to a permalink to receive a JSON object with the contrast ratio and AA/AAA pass/fail states.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.