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.

Sobre Contrast

Contrast — herramienta en línea gratuita en usefulhub.cloud. Herramientas IT: Utilidades para desarrolladores. Use nuestras herramientas sin registro ni instalación de software. Todos los cálculos se realizan en su navegador — sus datos nunca se envían a un servidor.