Check color contrast ratio for WCAG accessibility compliance
Preview Title Text
This is how body text would look with these colors.
Small text example for accessibility testing.
Contrast Ratio
21:1
WCAG AA
Normal Text
WCAG AAA
Normal Text
WCAG AA
Large Text
WCAG AAA
Large Text
Pick colors and convert between HEX, RGB, HSL with WCAG contrast checker
Convert colors between HEX, RGB, HSL, HSV and CMYK formats
Generate harmonious color palettes from a base color
The Contrast Checker evaluates the color contrast ratio between foreground text and background colors according to WCAG 2.1 accessibility guidelines. It shows whether your color combination passes AA and AAA compliance levels for normal and large text. Essential for web accessibility, ensuring your content is readable by people with visual impairments, and meeting legal accessibility requirements.