Boletolibre.com / planning tool

Event page color contrast checker

Enter the foreground and background of a real event-page element. The calculator uses the WCAG sRGB relative-luminance formula; the pass/fail decision uses the unrounded ratio. This checks one solid-color pair, not the accessibility of an entire page.

Choose colors

Foreground: text, icon or control border

Background immediately behind it

Contrast result

— to 1

Normal text means text below the WCAG large-text definition. Large text means at least 18 pt, or at least 14 pt bold. Non-text means necessary UI component boundaries and graphical information; decorative elements are outside this specific criterion.

Event-page preview

Event date and venue

Tickets open at the time published by the organizer. Read the access details before registering.

Registration information

Check the actual page too

For photographs, gradients, overlays and transparent colors, sample the least contrasting area as rendered. This calculator does not composite transparency or inspect pixels. Check hover, focus, disabled and error states separately where their visual information matters. Test keyboard use, labels and other accessibility requirements independently.

Reference: W3C: Contrast (Minimum), Contrast (Enhanced), and Non-text Contrast.