Color Converter for Accessibility — WCAG Color Ratios
Quick Answer: Enter foreground and background colors to check the contrast ratio. WCAG 2.1 requires 4.5:1 for normal text (AA), 7:1 for enhanced (AAA), and 3:1 for large text (AA). The tool shows the exact ratio and pass/fail status for each level.
rgb(109, 40, 217)
hsl(263, 70%, 50%)
CSS Values
color: #6d28d9;
color: rgb(109, 40, 217);
color: hsl(263, 70%, 50%);
FAQ
What contrast ratio do I need for WCAG AA?
4.5:1 for normal text (under 18pt or 14pt bold). 3:1 for large text (18pt+ or 14pt+ bold). 3:1 for UI components and graphical objects.
What is WCAG AAA?
AAA is the highest conformance level: 7:1 for normal text, 4.5:1 for large text. It is harder to achieve but ensures readability for users with moderately low vision.