Color Contrast Checker

Enter RGB values for foreground and background colors to determine their contrast ratio.

For basic accessibility checks; verify with full WCAG guidelines for compliance.

Examples

  • Black (0,0,0) vs White (255,255,255) ⇒ 21.00:1
  • #123456 vs #ABCDEF ⇒ 7.70:1

FAQ

What ratio meets WCAG AA for normal text?

A contrast ratio of at least 4.5:1 is recommended.

Do I enter hexadecimal colors?

Convert hex values to RGB numbers before using the calculator.

Why is contrast important?

Adequate contrast improves readability and accessibility for all users.

Additional Information

  • Contrast ratios range from 1:1 (no contrast) to 21:1 (maximum).
  • Uses relative luminance as defined by WCAG 2.1.