#040404 sobre #FF59A6: 7.06:1

#040404 sobre #FF59A6: relación de contraste 7.06:1 y APCA Lc 50. Resultados WCAG 2.2 AA y AAA para texto normal, texto grande e interfaz, y el color de texto o de fondo accesible más cercano mediante la luminosidad OKLCH.

Vista previa

Ejemplo de título grande

El veloz murciélago hindú comía feliz cardillo y kiwi

#040404 sobre #FF59A6

Intercambiar texto y fondo →

Relación de contraste WCAG 2.2: 7.06:1

WCAG 2.2 usa la misma fórmula de contraste que 2.1. Las relaciones se truncan a dos decimales, nunca se redondean hacia arriba.

Tipo de textoAAAAA
Texto normal✓ Cumple✓ Cumple
Texto grande (24 px o más, o 18,66 px en negrita)✓ Cumple✓ Cumple
Componentes de interfaz y gráficos✓ Cumplen/d

Contraste de luminosidad APCA: Lc 50

Lc 50. El texto de cuerpo necesita cerca de Lc 75+, el texto grande y la interfaz cerca de Lc 45+. Positivo es texto oscuro sobre fondo claro; negativo, texto claro sobre oscuro.

Correcciones con la luminosidad OKLCH

La corrección mantiene tono y croma y solo mueve la luminosidad OKLCH al paso más cercano que alcanza el objetivo para texto normal, así que sigue pareciendo el mismo color. Es la misma lógica que el botón Fix del estudio.

Corregir el color del texto

  • Ya cumple AA, no hace falta cambiar nada.
  • Ya cumple AAA, no hace falta cambiar nada.

Corregir el fondo

  • Ya cumple AA, no hace falta cambiar nada.
  • Ya cumple AAA, no hace falta cambiar nada.

#040404 = oklch(0.107 0.000 0.0) · #FF59A6 = oklch(0.706 0.212 355.3)

Abrir este par en la herramienta de contraste