Free · no signup · browser-local

Color Contrast Checker

Calculate WCAG contrast ratios for foreground and background colors.

Everything stays in your browser. No upload, account or server processing.

Enter #RGB or #RRGGBB. Uses WCAG sRGB relative luminance; alpha is not supported. Large text means at least 18 pt, or 14 pt bold.
Aa · 7.87:1

The quick brown fox jumps over the lazy dog.

  • Normal text · AA (4.5:1)Pass
  • Normal text · AAA (7:1)Pass
  • Large text · AA (3:1)Pass
  • Large text · AAA (4.5:1)Pass

Getting started

Choose two colors and inspect normal-text and large-text thresholds.

Before you use the result

A color ratio alone does not establish full WCAG conformance.

Frequently asked questions

Calculate WCAG contrast ratios for foreground and background colors.

How do I use Color Contrast Checker?

Choose two colors and inspect normal-text and large-text thresholds.

Does this tool upload my data?

Inputs and files are processed in your browser. Page-view analytics do not contain your tool input.

What should I check before using the result?

A color ratio alone does not establish full WCAG conformance.

Related tools

Social Image ResizerResize local images for listing and social media layouts with explicit pixel dimensions.Image Compressor & ConverterAdjust quality, format and image size locally before downloading.Screenshot BeautifierFrame your screenshot with padding, background and rounded corners.