← All tools

Contrast checker

Check the readability of color pairs.

On your device · no account
  1. Enter
  2. Adjust
  3. Result
Contrast checker
Example textLarge example text

Details and limits

Format: #RGB, #RRGGBB, rgb(255, 0, 128) or hsl(330, 100%, 50%). Integer RGB 0–255; H 0–360, S/L 0–100%. Decimal point in HSL. Opaque sRGB only: no names, alpha, percentage RGB or other CSS syntax. WCAG 2.2 text contrast: AA normal 4.5:1; AAA normal 7:1; AA large 3:1; AAA large 4.5:1. Large text: at least 18 pt (24 px), or 14 pt (18.67 px) bold. Status uses the unrounded ratio. This is not a complete accessibility certification and does not assess transparency, images or gradients.

Maximum 128 characters per color. HSL is converted and rounded to 8-bit RGB; displayed HSL has up to 2 decimal places.

Free, no account, and no content uploads or storage. Runs on your device.

Your result goes here

Enter your data and use the main button to see the result.