WCAG Contrast Checker
Check if your text colors meet WCAG 2.1 accessibility guidelines. Enter foreground and background colors to see the contrast ratio and compliance.
#333333
rgb(51, 51, 51)
hsl(0, 0%, 20%)
oklch(0.321 0 89.9)
cmyk(0%, 0%, 0%, 80%)
Use Cases
Web accessibility compliance (WCAG 2.1)
ADA and Section 508 requirements
Design system color validation
Client deliverable accessibility reports
Tips
WCAG AA requires 4.5:1 for normal text, 3:1 for large text
WCAG AAA requires 7:1 for normal text, 4.5:1 for large text
Large text is 18pt+ regular or 14pt+ bold
FAQ
What is a contrast ratio?
A contrast ratio measures the difference in luminance between two colors. It ranges from 1:1 (identical) to 21:1 (black on white).
What are the WCAG contrast requirements?
WCAG AA: 4.5:1 for normal text, 3:1 for large text. WCAG AAA: 7:1 for normal text, 4.5:1 for large text.
How is contrast ratio calculated?
Contrast ratio = (L1 + 0.05) / (L2 + 0.05), where L1 and L2 are relative luminances.
What is the minimum contrast for WCAG AA?
4.5:1 for normal text (under 18pt regular / 14pt bold). 3:1 for large text.