Gradient Generator Glassmorphism Generator Shadow Generator Color Palettes Color Contrast Checker Tips & Tricks

Free WCAG 2.1 Color Contrast Checker Tool

Use our free Color Contrast Checker to test foreground and background color combinations against the latest WCAG 2.1 accessibility standards. Simply enter your HEX, or RGB values to instantly calculate the contrast ratio and verify compliance for both small and large text.

Color Selection

Enter hex, rgb(), or named color
Enter hex, rgb(), or named color
Black on White
White on Blue
Gray on Light
White on Green

Contrast Results

Contrast Ratio
--:1
Enter colors

WCAG 2.1 Guidelines

  • Normal Text (≥ 4.5:1) --
  • Large Text (≥ 3:1) --
  • Graphics & UI (≥ 3:1) --

Live Preview

Normal Text Example

This is an example of normal text (16px) with the selected colors. If the contrast is sufficient, this text should be readable.

Large Text Example

This is an example of large text (24px or bold 19px) with the selected colors. Large text has a lower contrast requirement.