Home » Image & Design » Color Contrast Checker

Color Contrast Checker

Check whether two colors have enough contrast for readable text. It calculates the WCAG contrast ratio and tells you if the pair passes AA and AAA accessibility standards.

\u2014Contrast Ratio
\u2014WCAG AA (4.5:1)
\u2014WCAG AAA (7:1)

How to use

  1. Enter the text color hex.
  2. Enter the background color hex.
  3. Click Check to see the ratio and verdict.

Related tools

🔳

QR Code Generator

Create QR codes for any link or text and download them as images.

🖼️

CSS Gradient Generator

Design CSS gradients live and copy the ready-to-use code.

💻

CSS Box Shadow Generator

Design CSS box shadows with live preview.

💻

CSS Border Radius Generator

Design rounded corners with live preview.