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.

Über Contrast

Contrast — kostenloses Online-Tool auf usefulhub.cloud. IT-Tools: Entwickler-Utilities. Nutzen Sie unsere Tools ohne Registrierung oder Softwareinstallation. Alle Berechnungen erfolgen in Ihrem Browser — Ihre Daten werden nie an einen Server gesendet.