Color Contrast Checker — WCAG 2.1 Compliance
Quick Answer: Enter text and background colors to calculate the contrast ratio. The tool reports pass/fail for WCAG AA (4.5:1 normal text, 3:1 large text) and AAA (7:1 normal text, 4.5:1 large text). Sufficient contrast ensures readability for all users including those with low vision.
rgb(109, 40, 217)
hsl(263, 70%, 50%)
CSS Values
color: #6d28d9;
color: rgb(109, 40, 217);
color: hsl(263, 70%, 50%);
FAQ
What WCAG level should I target?
AA is the standard requirement for most websites and legal compliance. AAA is ideal but challenging to achieve with brand colors. At minimum, ensure all text passes AA.
Does this check WCAG 3 (APCA)?
WCAG 3 uses APCA (Advanced Perceptual Contrast Algorithm) which is still in draft. This tool checks against WCAG 2.1 contrast ratios, which remain the current standard.