Color Accessibility Checker

Check WCAG contrast ratios and convert between color formats

Text Color

Hex

Hex

RGB

HSL (old school)

HSL (new school)

Background Color

Hex

Hex

RGB

HSL (old school)

HSL (new school)

Contrast Check

WCAG 2.1 compliance analysis

The quick brown fox jumps

Sample text at different sizes

Smaller text for normal reading

Contrast Ratio21.00:1

AA Normal

Normal text (< 18pt)

4.5:1

Pass

AA Large

Large text (≥ 18pt or bold ≥ 14pt)

3:1

Pass

AAA Normal

Normal text (< 18pt)

7:1

Pass

AAA Large

Large text (≥ 18pt or bold ≥ 14pt)

4.5:1

Pass