#5EA500 sobre #F3F4F6: 2.78:1
#5EA500 sobre #F3F4F6: relación de contraste 2.78:1 y APCA Lc 51. 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
#5EA500 sobre #F3F4F6
Relación de contraste WCAG 2.2: 2.78: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 texto | AA | AAA |
|---|---|---|
| Texto normal | ✗ No cumple | ✗ No cumple |
| Texto grande (24 px o más, o 18,66 px en negrita) | ✗ No cumple | ✗ No cumple |
| Componentes de interfaz y gráficos | ✗ No cumple | n/d |
Contraste de luminosidad APCA: Lc 51
Lc 51. 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
- #2E7300 sobre #F3F4F6 →
AA: #2E7300 → 5.34:1
oklch(0.489 0.184 133.3) · ΔL −0.16 · recortado a sRGB
- #145C00 sobre #F3F4F6 →
AAA: #145C00 → 7.45:1
oklch(0.409 0.184 133.3) · ΔL −0.24 · recortado a sRGB
Corregir el fondo
- #5EA500 sobre #2A2B2C →
AA: #2A2B2C → 4.63:1
oklch(0.287 0.003 264.5) · ΔL −0.68
- Ninguna luminosidad de este color alcanza AAA frente al otro color. Cambia el tono o el croma, o elige otro color.
#5EA500 = oklch(0.649 0.184 133.3) · #F3F4F6 = oklch(0.967 0.003 264.5)