Skip to content
ADAAT
العربية

Color Contrast Checker

Local processing — your files never leave your device

Choose the text and background colors to see the contrast ratio and whether it passes AA and AAA, for both normal and large text.

How to use

  1. 1Pick the text and background colors.
  2. 2See the contrast ratio and the WCAG rating (AA and AAA).
  3. 3Adjust the colors until the standards pass.

Features

  • Accurate contrast ratio per WCAG 2.1
  • AA and AAA ratings for normal and large text
  • Live text preview

When to use this tool

Use it before locking in a site or slide palette, to make sure content works for visually impaired readers, or to meet accessibility compliance requirements.

FAQ

What ratio is required?

The AA standard requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1.

Related articles

Related tools

Color PickerPick any color and instantly get its HEX, RGB, and HSL values with a live preview.Color Palette GeneratorGenerate harmonious color palettes (complementary, analogous, monochromatic, triadic) from any base color.HEX to RGBConvert HEX color codes to RGB format with a live preview and quick copy.RGB to HEXConvert RGB color values to the HEX code used in design and CSS.