Test foreground and background color combinations against WCAG 2.1 accessibility standards for AA and AAA compliance.
HEX, RGB(r,g,b), HSL(h,s%,l%)
HEX, RGB(r,g,b), HSL(h,s%,l%)
--
Contrast Ratio
AA
Normal Text
≥ 4.5 : 1
--
AA
Large Text
≥ 3 : 1
--
AAA
Normal Text
≥ 7 : 1
--
AAA
Large Text
≥ 4.5 : 1
--
Live Preview
Large Text Sample (18pt+)
Normal body text looks like this. Check readability at standard font sizes to ensure content is accessible to all users, including those with visual impairments.
Small text · UI labels · Captions · Fine print details