Color Contrast Checker

How it works

How to use the Color Contrast Checker

1. Enter a text and background color

   Type or paste a value — results update instantly as you type.

2. Read the results

   Every equivalent value is listed, with the most relevant one highlighted.

3. Copy what you need

   Each result has its own copy button.

About the Color Contrast Checker

Check whether text is readable on its background according to WCAG 2.2. The contrast ratio is computed from relative luminance and compared with the AA (4.5:1) and AAA (7:1) thresholds for normal text, the relaxed thresholds for large text, and the 3:1 minimum for UI components.

Built for developers

Why developers use it

• Private by design

  Runs 100% in your browser. Nothing you paste is uploaded, logged or stored on a server.

• Instant results

  Output updates as you type, with precise error locations when something is wrong.

• Works offline

  Once loaded, the tool keeps working without a connection. Install it as an app if you like.

• Free, no sign-up

  No accounts, no limits, no watermarks.

FAQ

Frequently asked questions

Keep going

Related tools

• Color Converter & PickerPick a color and get HEX, RGB, HSL, HSV and CMYK
• HEX to Color Name (Colortone)Find the closest named color for any HEX value
• RGB to Color Name (Colortone)Find the closest named color for any RGB value
• HSL to Color Name (Colortone)Find the closest named color for any HSL value
• HSV to Color Name (Colortone)Find the closest named color for any HSV value
• CMYK to Color Name (Colortone)Find the closest named color for any CMYK value
• Bcrypt Generator & CheckerHash passwords with bcrypt and verify hashes
• Password Strength CheckerEstimate password entropy and crack time

All Color Tools → · Browse all 498 tools →