developer tools

Free Color Contrast Checker

Check color contrast ratios against WCAG 2.1 AA and AAA accessibility standards with live preview.

Color Contrast Checker (WCAG)

Preview Text (Large)

This is how your regular body text will look with these color choices. Make sure it's readable.

Small text needs higher contrast to remain accessible.

21.00:1

Contrast Ratio

✅ Pass
AA Normal (≥4.5:1)
✅ Pass
AA Large (≥3:1)
✅ Pass
AAA Normal (≥7:1)
✅ Pass
AAA Large (≥4.5:1)

How to Use Color Contrast Checker

  1. 1

    Enter or pick a foreground (text) color.

  2. 2

    Enter or pick a background color.

  3. 3

    The tool calculates the contrast ratio instantly.

  4. 4

    Check WCAG AA and AAA compliance for normal and large text.

Frequently Asked Questions

What is WCAG?

WCAG (Web Content Accessibility Guidelines) defines standards for making web content accessible to people with disabilities.

What contrast ratio is needed for AA?

4.5:1 for normal text and 3:1 for large text (18px+ or 14px+ bold).

What about AAA compliance?

7:1 for normal text and 4.5:1 for large text.

Share this tool

Share this tool with others

Related Tools

Keyword Research Tool

Find the best keywords to target for SEO.

Backlink Checker

Check the backlinks pointing to your website.

Domain Authority Checker

Check a website's overall SEO authority.

SEO Audit Tool

Get a complete SEO report for your website.

Meta Tag Analyzer

Analyze the meta tags of any URL.

Structured Data Tester

Test and validate your structured data.

Rich Results Validator

Check your page's eligibility for rich snippets.

Page Speed Analyzer

Check your website's loading speed.

Mobile-Friendly Test

Check if your website is mobile-friendly.

Broken Link Checker

Find and fix dead links on your website.

Redirect Checker

Trace URL redirect chains.

SSL Certificate Checker

Check if an SSL certificate is valid.

WHOIS Lookup

Check domain ownership and registration info.

HTTP Header Checker

View the HTTP headers of any URL.

Pomodoro Timer

Focus timer with work and break intervals.

Stopwatch

Precise stopwatch with lap tracking.

Countdown Timer

Set custom countdown timers online.

Color Palette Generator

Generate and export color palettes.

Text to Speech

Convert text to spoken audio.

Typing Speed Test

Test your typing speed in WPM.

Invoice Generator

Create and print professional invoices.

Resume Builder

Build professional resumes online.

Whiteboard

Draw and sketch on an online whiteboard.

Screen Recorder

Record your screen in the browser.

Aspect Ratio Calculator

Calculate image and video aspect ratios.

Pixel to REM Converter

Convert PX to REM and back.

Color Contrast Checker

Check WCAG color contrast ratios.

Emoji Picker

Search and copy emojis instantly.

Fancy Text Generator

Transform text into fancy Unicode styles.

Online Notepad

Write notes with auto-save online.

Electricity Cost Calculator

Calculate appliance electricity costs.

Fuel Cost Calculator

Calculate trip fuel costs.

Meeting Cost Calculator

Calculate the cost of business meetings.

Paycheck Calculator

Calculate net pay after deductions.

Savings Goal Calculator

Plan savings with compound interest.

Habit Tracker

Track daily habits with weekly overview.

Checklist Generator

Create checklists with templates.

Speech to Text

Convert speech to text in real-time.

Color Contrast Checker | Free Online Tool 2026 | Yoopla