Arcade

Contrast Lab

Phase 02 · Design CraftPlayable

Tune hue, saturation and lightness until a real WCAG ratio clears the bar.

Mixer

Text lightness52%Surface lightness94%Hue150°Saturation28%

text hsl(150 28% 52%)surface hsl(150 28% 94%)

Contrast ratio

2.54:1

Fail · Body 4.5Fail · Large 3.0Fail · AAA 7.0

The quick brown fox jumps over the lazy dog, and if you can read this line comfortably at this size, the ratio above is telling the truth.

Targets0/3

Brand body textA body-text pass (4.5) at hue 150 (±6) with saturation of 20 or more.Open
Large text onlyA pair that clears 3.0 but genuinely fails 4.5, at saturation 60 or more.Open
AAA on paperAAA (7.0) with a surface lightness of 88 or more: dark ink, pale ground.Open

Ratio is computed from the sRGB relative luminance of both colours: the same number a browser audit reports.