WCAG 2.1

Enter a color to begin

Type or pick a background color to see contrast suggestions and preview text readability.

Contrast Ratio
AA Normal
AAA Normal
AA Large
Large Text (24px+)

The quick brown fox jumps over the lazy dog

This sample text demonstrates how your chosen colors will appear for headings and large text elements. WCAG requires a minimum 3:1 ratio for large text.

Normal Text (16px)

This is body text at normal size. The Web Content Accessibility Guidelines (WCAG) recommend a minimum contrast ratio of 4.5:1 for normal text to ensure readability for users with visual impairments. Good contrast benefits everyone, especially in varying lighting conditions.

Background
Text
BG Luminance
Text Luminance