GigaTools
English
EnglishEspañolहिन्दीFrançaisDeutschPortuguês

Design

Color Contrast Checker

Check WCAG contrast between two colors.

Free · no sign-up Instant results Nothing stored

Ready when you are

Run Color Contrast Checker

Free to use · No signup required

Input

Result

Output appears hereFill in the fields, run the tool, and the result shows up right here with a one-click copy button.

About this tool

Color Contrast Checker

Measure the contrast ratio between two colors and check it against WCAG AA and AAA thresholds so text stays readable.

How to use it

  1. Enter the text and background colors as HEX values.
  2. Run the check to see the contrast ratio.
  3. Aim for AA (4.5:1) for normal text and 3:1 for large text.

Learn more

Blog for this task

All blog posts
Design & accessibility · 8 min read

Accessible Website Colors: A Practical Contrast Guide

Learn how to choose website colors with enough contrast, preserve hierarchy, and make interfaces easier to read for more people.

Read article