Huelab learn

How Color Contrast Works

Contrast compares the relative luminance of foreground and background colors. WCAG uses ratios such as 4.5:1 for normal AA text and 7:1 for AAA. Check real combinations with both a numerical ratio and a visual preview.

Put it into practice

Huelab includes free tools that make this knowledge immediately useful. Enter a value, explore its related formats, and copy the result.

Open the color picker →