Convert HEX, RGB & HSL Colors and Audit WCAG AA / AAA Contrast

Q: What contrast ratio is required for WCAG 2.1 AA compliance?

WCAG 2.1 Level AA requires a minimum contrast ratio of 4.5:1 for normal body text and 3.0:1 for large text (18pt+ or 14pt+ bold). Level AAA requires 7.0:1.

Enter a foreground and background HEX color pair to compute exact luminance contrast ratios and CSS custom property tokens.

✓ WCAG 2.1 Luminance Audit Target Keyword: "wcag color contrast checker hex to hsl" (175,000/mo) Est. Ad RPM: $16 – $24

INPUT SOURCE 7 chars

#121824

LIVE PROCESSED OUTPUT UTF-8 • CLIENT-SIDE

Processing...

Ready • 100% local execution Server Cost: $0.00 • Latency: <5ms

How to Use the Color & WCAG Contrast

STEP 01

Enter your Foreground HEX color in the main input and your Background HEX color in the toolbar.
STEP 02

Review the converted HEX, RGB, and HSL values alongside the exact WCAG 2.1 contrast ratio.
STEP 03

Preview the live typography sample card below to verify legibility.

Frequently Asked Questions (Color & WCAG Contrast)

What contrast ratio is required for WCAG 2.1 AA compliance?

WCAG 2.1 Level AA requires a minimum contrast ratio of 4.5:1 for normal body text and 3.0:1 for large text (18pt+ or 14pt+ bold). Level AAA requires 7.0:1.