Back to all tools

Contrast Checker

Check WCAG color contrast ratios for accessibility compliance.

#FFFFFF
#7C3AED

The quick brown fox

Contrast ratio: 5.70:1

✓ Pass
AA Normal Text
Required: 4.5:1
✓ Pass
AA Large Text
Required: 3:1
✗ Fail
AAA Normal Text
Required: 7:1
✓ Pass
AAA Large Text
Required: 4.5:1

About Contrast Checker

Contrast Checker calculates the contrast ratio between a foreground and background color and reports whether it meets WCAG 2.1 accessibility standards at AA and AAA levels. It's an essential tool for designers building accessible web interfaces. Enter HEX or RGB values for both colors.

  • WCAG AA and AAA compliance check
  • Shows contrast ratio numerically
  • Foreground and background color inputs
  • Pass/fail indicators for text sizes

Related Tools

HEX to RGB
Convert HEX colors to RGB and HSL
RGB to HEX
Convert RGB values to HEX color code
Color Picker
Pick colors and get HEX, RGB, HSL
Gradient Generator
Create CSS gradient backgrounds
Color Shades Generator
Generate light and dark color shades
Color Mixer
Mix two colors together