Experiment 04 · Accessibility

Contrast checker

Two colours in, one ratio out. The same sRGB luminance formula the WCAG spec defines, with the four AA and AAA thresholds scored live — and a swatch so you can see what the number actually feels like.

Foreground

Background

Large text at 24px

Normal body copy at 15px. Contrast is judged against this pairing, not against the page — a swatch that looks fine on paper can still fail once it lands on a coloured surface.

#ea580c on #ffffff

3.56:1contrast ratio

AANormal text4.5Fail
AALarge text3.0Pass
AAANormal text7.0Fail
AAALarge text4.5Fail

WCAG 2.1 · sRGB relative luminance · (L1 + 0.05) / (L2 + 0.05). Large text means 24px regular or 18.66px bold and up. Nothing leaves the page.