WCAG contrast

relative luminance per WCAG 2.x and AA/AAA threshold checks for text and UI

Colors

Text (fg)

Background (bg)

Sample text 16px

Large heading

Result

Contrast ratio

10.35:1

AA normal text (≥4.5)

AA large text ≥18pt/14pt bold (≥3)

AAA normal text (≥7)

UI components/icons (≥3)

WCAG 2.x formula: L = 0.2126·R + 0.7152·G + 0.0722·B with sRGB gamma correction; ratio = (L1+0.05)/(L2+0.05), max 21:1 (black on white). "Large text" = ≥18pt (24px) or ≥14pt (18.66px) bold. Aim for AAA on body links — especially on grey backgrounds.

O Contrast

Contrast — darmowe narzędzie online na usefulhub.cloud. Narzędzia IT: Narzędzia dla programistów. Korzystaj z naszych narzędzi bez rejestracji i instalacji oprogramowania. Wszystkie obliczenia odbywają się w Twojej przeglądarce — Twoje dane nigdy nie są wysyłane na serwer.