Contrast Lab

Measure the perceived luminance between two colors to meet accessibility standards.

Background

Foreground

Contrast Ratio 4.5:1

WCAG AA Normal

WCAG AAA Normal

WCAG AA Large

WCAG AAA Large

Visual Harmony

This is how your text will look against the background. Contrast is the key to accessibility and readable design.